@charset "utf-8";
@import url("default.css");
/* STRUCTURE AND LAYOUT */
img {
	border: 0px;
	margin: 0px;
}

/* This is the body */
.smarterway {
	padding: 0;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #be89db;
	background-repeat: no-repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	text-align: left;
	clear: both;
}

#container {
	background-color: transparent;
	width: 780px;
	margin: 0 auto;
	clear: both;
}

#logo {
	width: 340px;
	height: 100px;
	float: left;
}

#content {
	width: 780px;
	background-color: #ffffff;
	position: relative;
	clear: both;
}

#language {
	float: right;
	padding-top: 15px;
}

#foot1 {
	background-image: url(images/testbottonbar.png);
	width: 780px;
	height: 66px;
	background-repeat: no-repeat;	
}

#foot2 {
	clear: both;
	width: 100%;
	padding-top: 6px;
}
#foot2 img {
	background: #000, 1px;
	padding: 5px;
}
#footlinks {
	text-align: right;
	color: #ffffff;
	font-size: 0.70em;
	font-weight: bold;
	margin-right: 6px;
	padding-top: 45px;
	text-decoration:none;
}
#footlinks a {
	color:White;
	text-decoration:none;
}
#copyright {
	width: 760px;
	margin: 0px auto;
	text-align: center;
	font-size: 0.75em;
	margin-top: 10px;
}

/* NAVIGATION */
ul {
	padding-left: 0;
	margin-left: 0;
}

#header ul {
	width: 780px;
	float: left;
	clear: both;
	margin-bottom: 0px;
}

#header ul li {
	display: inline;
}
#leftPanel ul{
	width: 225px;
}
#leftPanel ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#header ul li a.active, #leftPanel ul li a.active {
	background-color: #1C428D;
}
#header ul li .topnavbutton:hover, #header ul li .topnavbuttonyellow:hover, #leftPanel ul li .navbutton:hover, #leftPanel ul li .navbuttonyellow:hover {
	background-color: #1C428D;
}	

#faq ol {
	line-height:1.5em;
}
.clear { 
	clear: both
}

#contentpage {
	vertical-align: top;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: justify;
	padding-top: 4px;
}

/*tables*/

table.lotto1 {	
	border: 2px;
	margin-left : auto;
	margin-right : auto;
	text-align: center;
	color: #0000FF;
	font-weight:bold;
	empty-cells: show
}
table.lotto2 {	
	border: 2px;
	margin: 0;
	text-align: center;
	color: #0000FF;
	font-weight:bold;
	empty-cells: show
}
.style81 {
	color: #CC0000;
	font-weight:bold;
}
.style83 {
	color: #CC0000;
	font-weight:bold;
	background-color:yellow;
}
.style82 {	
	color: #0000FF;
	font-weight:bold;
}
.style84 {	
	color: #0000FF;
	font-weight:bold;
	background-color: yellow;
}
.style85 {
	color: #CC0000; 
	font-weight: bold; 
	font-size: 18px; 
}
.bold {	
	font-weight:bold;
}
.jb {
	display: block;
	background-color:#FFFF99;
	border:solid 1px #FF0000;
	padding: 5px;
	margin-left:auto;
	margin-right:auto;
	color:#FF0000;
	font-style:italic;
}
.navbutton {
    cursor:pointer;
    display: block;
	width: 225px;
	padding: 0.7em;
	border-bottom: 1px solid #fff;
	font-size: 14px;
	background-color: #BC0A0E;
	color: White;
}
.navbutton a {
	width: 205px;
	padding: 0.7em;
	font-size: 14px;
	color: White;
	text-decoration:none
}
.navbuttonactive {
	display: block;
	width: 225px;
	padding: 0.7em;
	border-bottom: 1px solid #fff;
	font-size: 14px;
	background-color: #1C428D;
	color: White;
}
.navbuttonyellow {
    cursor:pointer;
    display: block;
	width: 225px;
	padding: 0.7em;
	border-bottom: 1px solid #fff;
	font-size: 14px;
	background-color: yellow;
	color: Black;
}
.topnavbutton {
    cursor:pointer;
    padding: 0.2em 2.03em;
	font-size: 14px;
	background-color: #BC0A0E;
	color: White;
	margin-bottom:auto;
}	

.topnavbuttonyellow {
    cursor:pointer;
    padding: 0.2em 2.03em;
	font-size: 14px;
	background-color: Yellow;
	color: Black;
	margin-bottom:auto;
}	

.bottomnavbutton {
	cursor:pointer;
	
}