/* Copyright 2009 Lottery-Guy.com. All Rights Reserved. */
* {padding:0; margin:0;}
img {border: none;}
a:hover {color: #FF0000;}

body {font-family:Georgia,"Times New Roman",Times,serif; font-size: 100%; color:#333333; background:#DDDDDD;}

#mainpage {width: 770px;	overflow: hidden; background: #FFFFFF; margin-right: auto; margin-left: auto; margin-top: 15px}

#pageheader{}
#logo{border-top:2px solid #000000; border-bottom:2px solid #000000;}

#mainbody{clear: both;}

#rightcol{float: right; width: 180px; padding:5px 5px 10px 0px; background: #FFFFFF;}
#menu {padding:0px; margin:0px;}
#menu ul {padding: 0; margin: 0; list-style-type: none; line-height: 1.3em;}
#menu li.maincat {margin-top: 10px; background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC; padding: 5px;}
#menu li.subcat {margin-top: 5px; border-bottom: 1px solid #CCCCCC; padding: 5px;}

#maincol{padding:5px 5px 10px 25px; background: #FFFFFF; margin-top:10px; margin-bottom: 10px; width: 540px; float: left; font-size: 1.0em; line-height: 1.4em;}
.breadcrumbs {border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding-top: 5px; padding-bottom: 5px; font-size: 0.7em;}

h1 {font-size: 1.5em; line-height: 1.6em; padding: 5px 0 5px 0;}
h2 {font-size: 1.2em; line-height: 1.4em; padding: 5px 0 5px 0;}
h3 {font-size: 1.2em; line-height: 1.4em; margin-top: 0;}
p {padding: 0 0 20px 0;}
blockquote {background: transparent url(images/qleft.png) left top no-repeat;}
blockquote p {padding: 0 48px 20px 48px; background: transparent url(images/qright.png) right bottom no-repeat;}
ol {padding: 0 10px 20px 35px;}
li {padding: 0 0 15px 0;}

#footer {clear: both; margin-top: 10px;	margin-bottom: 10px;}
.menubott {border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px; margin-left:auto; margin-right: auto; display: block; width: 770px; text-align:center;}
.menubott ul {text-align: center; width: 100%; padding: 0; margin: 0;	list-style-type: none;}
.menubott li {display: inline; font-size:0.9em;}
.menubott a {padding: 0.7em 0.7em;}
.copyright {font-size: 0.8em; color: #666666; text-align: center;}

.imgcentre {margin-left:auto; margin-right: auto; display: block;}
.hilite {background-color: #ffff00;}

.tipsbox {font-family:Helvetica,Arial,sans-serif; background-color: #eceed4; border: 2px solid #000000; padding: 5px; margin-bottom: 10px;}
.tipsbox h1 {font-size:1.6em; line-height:1.4em; font-weight:bold; text-transform:uppercase; padding:0px;}
.tipsbox p {padding:0px;}
.tipsbox img {float:right; margin-left:0px;}

#frmcompare {margin-top: 0px; background-color: #EEEEFF;}
#frmcompare table {width: 540px;}
#frmcompare fieldset {border: 1px solid #CCCCCC; padding:10px 15px 10px 15px; margin: 4px;}
#frmcompare legend {padding: 0 10px 0 10px; font-weight: bold; color: #000099;}
#frmcompare select {margin-bottom: 10px; border: 1px solid #000099; padding: 2px 2px 2px 10px; width: 220px;}
#frmcompare input {color: #000099; background: #CCCCFF; font-weight: bold; border: 1px solid #000099; padding: 4px 10px 4px 10px; margin: 10px auto 20px auto; width: 300px; display: block;text-align: center;}
#frmcompare input:hover {color: #FFFFFF; background: #000099; cursor: pointer;}

#compareresults {}
#compareresults table {margin-bottom: 10px;}
#compareresults .box {border: 1px solid #CCCCCC; background-color: #DDDDDD; width: 230px; height: 255px;}
#compareresults .box h3 {text-align: center; margin-top: 10px;}
.errorwarn {color: #990000; font-weight: bold; border: 2px dotted #FF0000; padding: 10px; width: 515px;}

#howto {width: 180px; float: right; border: 2px solid #000000; padding: 3px; margin-left: 5px; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 140%; background:#FFFFFF url(images/qdice.gif) no-repeat top right;}

#share {background:transparent url(../images/share-it.gif) no-repeat 0 0; height:40px; width:540px; margin:20px 0 20px 0;}
.fb {display:block; height:44px; left:462px; position:relative; top:0; width:36px;}
.twitter {display:block; height:44px; left:500px; position:relative; top:-40px; width:36px;}
