body	{
  font-family: Arial, sans-serif;
  color: #333;
  margin: 0px;
  padding 0px;
}
a 	{
  font-family: "Trebuchet MS", Trebuchet, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #66F;
  }

a:hover {
  background-color: #FFC;
  text-decoration: underline;
}

h1 {
  margin: 0px;
  padding: 0px;
  font-family: "Trebuchet MS", Trebuchet, Geneva, Arial, Helvetica, sans-serif;
}


h4	{
  margin: 0px;
  padding: 6px;
  background-image: url(/images/misc/blue-fade.gif);
  border-bottom: 2px solid #AAA;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-family: Georgia,"Times New Roman",Times,serif;
  color: #C00;
}

h5	{
  margin: 0px;
  text-align: center;
  padding: 2px;
  background-image: url(/images/misc/gold-fade.gif);
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  font-family: "Trebuchet MS", Trebuchet, Geneva, Arial, Helvetica, sans-serif;
  color: #333;
}


h6	{
  margin: 0px;
  text-transform: uppercase;
  font-family: Georgia,"Times New Roman",Times,serif;
  padding: 2px;
  font-size: 10px;
}

form	{
  margin: 0px;
  padding: 0px;
}

input      {
	border: 1px solid #666;
	font-size: 9px; color: #333;
}
input.image
{
border: 0px;
}

img {
  margin: 0px;
  padding: 0px;
  border: none
}


ul	 {
  list-style: none;
  padding: 5px;
  margin: 2px;
}


#content img {
  border: 1px solid #333;
}

#login input {
  margin: 1px;
}


#header {
  position:absolute;
  left: 50%;
  margin-left: -360px;
  width: 720px;
  height: 170px;
  color: #000;
  background-image: url(/images/misc/betting-calculators-systems.jpg);
  background-repeat: no-repeat;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
#header img {
  margin: 2px;
  border: 1px solid #333;
}

#header h1 {
  font-family: "Trebuchet MS", Trebuchet, Geneva, Arial, Helvetica, sans-serif;
  font-size: 24px;
  padding: 4px 0 0 10px;
  margin: 0;
}

#header h1 i {
 font-size: 12px;
}

#strapline {
  padding: 2px 0 0 10px;
  font-size: 10px;
}

#strapline .quote {
  font-size: 9px;
}


#navigation {
  position: absolute;
  left: 50%;
  margin-top: 175px;
  margin-left: -250px;
  width: 500px;
  font-size: 8pt;
  z-index: 6;
}

#navigation ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0 5px 0 5px;
	border-bottom: 1px solid #999;
	}

#navigation li {
	padding: 0 4px 0 4px;
	margin: 0 3px 0 3px;
	border: 1px solid #999;
	border-radius: 3px;
	-moz-border-radius: 3px;
	background-image: url(/images/misc/grey-fade.gif);
	display: inline;
	}

#navigation a, a:hover {
  color: #333;
  background-color: none;
}

#navigation a:hover {
  color: #333;
  background-color: none;
}

#navigation .selected {
  background-image: url(/images/misc/blue-fade.gif);
  color: #000;
  border-bottom: 1px solid #EEF;
}


#content {
  overflow: visible;
  position: absolute;
  left: 50%;
  margin-left: -250px;
  margin-top: 201px;
  padding: 4px;
  width: 490px;
  font-size: 11px;
  background: #EEF;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  z-index: 5;
}


#itemonly {
  overflow: visible;
  padding: 4px;
  width: 100%;
  font-size: 11px;
  background: #EEF;
}

#closewindow {
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 20;
  text-align: right;
}

#closewindow a {
  font-weight: bold;
}

#leftcol {
  position:absolute;
  left: 50%;
   margin-left: -360px;
  margin-top: 180px;
  width: 100px;
}


#rightcol {
  position:absolute;
  left: 50%;
  margin-left: 260px;
  margin-top: 180px;
  width: 100px;
}

#breadcrumbs {
  margin-top: -4px;
  color: #999;
}

#breadcrumbs a {
  color: #999;
}

.article {
  text-align: justify;
  font-size: 9px;
  font-weight: normal;
  margin-bottom: 4px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}

.article i
{
color: #C00;
}

#footer {
  clear: all;
  width: 95%;
  padding: 95% 10px 10px 10px;
  text-align: center;
  padding: 3px;
  color: #000;
}

.box {
  font-size: 11px;
  padding: 4px;
  margin-bottom: 4px;
  background: #FCFCFC;
  border-left: 1px dashed #999;
  border-right: 1px dashed #999;
  border-bottom: 1px solid #999;
}

.altbox {
  font-size: 11px;
  margin-bottom: 4px;
  background: #FCFCFC;
  border-left: 1px dashed #999;
  border-right: 1px dashed #999;
  border-bottom: 1px solid #999;
}

.listbox	{
  background: #FFF;
  border: 1px solid #999;
  margin: 3px;
}

.margin {
  padding: 5px;
}

.warning {
  background: #FFA;
  border: 1px solid #F99;
  color: #F33;
  font-weight: bold;
  margin: 4px;
  padding: 4px;
}

.alert {
  border: 1px dashed #F99;
  margin: 10px;
  padding: 10px;
}

.alert legend
{
border: 1px dotted #F99;
background: #FF9;
font-weight: bold;
}

.advert
{
border: 1px dotted #F99;
background: #FF9;
font-weight: bold;
  margin: 0px;
	text-align: center;
}

.advert	a{
  font-size: .7em;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-family: Georgia,"Times New Roman",Times,serif;
  color: #C00;
}

ul.square {
  list-style: square;
}

li.inline {
  font-weight: bold;
  font-size: 12px;
  display: inline;
  padding: 5px;
}

li.article	{
 padding: 5px 0 5px 0px;
}

/*
// ---------- table styles
*/

table tr td{
  padding: 0px;
  margin: 0px;
  font-size: 11px;
}
th {
  font-size: 12px;
}

#oddsconverter {
  text-align: center;
  background-color: #FFF;
  border: 1px solid #333;
}

#oddsconverter th {
  background-color: #EEE;
  border-bottom: 1px dashed #999;
 }


#oddsconverter td {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  border: 1px solid #EEE;
  font-size: 11px;
}

#results table {
  text-align: center;
  width: 100%;
  background-color: #FFF;
  border: 1px solid #999;
}

#results th {
  background-color: #EEE;
  border-bottom: 1px dashed #999;
 }

#results td {
  text-align: center;
  padding: 4px;
  font-size: 9px;
}

#join {
  text-align: center;
}

#join table {
  text-align: center;
  padding: 16px;
  background-color: #FFF;
  border: 1px solid #333;
}

.b0 {
  background-color: #EEF;
}

.b1 {
  background-color: #DDF;
}

.r0 {
  background-color: #FEE;
}

.r1 {
  background-color: #FDD;
}

.g0 {
  background-color: #EFE;
}

.g1 {
  background-color: #DED;
}

/*
// ---------- members styles
*/

.m {
  font-family: Trebuchet, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #333;
}
.s {
 font-size: 9px;
 color: #333;
 }
.l {  font-size: 18px; color: #333333 }
.xl {  font-size: 24px; color: #333333 }
.Title {  font-family: Trebuchet, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 36px; color: #333333; font-weight: bold}

.red {  color: #CC3333}
.grey {  color: #999999}
.sandy {  background-color: #FFE2C6}
.sky {  color: #3366FF}


hr	 {
	height: 1px;
	color: #333333;
	}

.new	{
	margin: 0px;
	text-align: right;
	}

.menu      {
	border-top: 1px solid #333;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #333;
	background-color: #fafaf1;
	font-size: 12px;
	font-weight: bold;
}

.topborder   {
	border-top: 1px solid #333;
	}

.bottomborder   {
	border-bottom: 1px solid #333;
	}

.topbottomborder   {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	}


.rightborder   {
	border-right: 1px solid #333;
	text-align: right;
	}


.bluetopbottomborder   {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	background-color: #B9CAFD;
	}

#tabs      {
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #333;
	font-size: 12px;
	font-weight: bold;
}

.footer     {
	border-top: 1px solid #333;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #333;
}

.thinborder     {
	background-color: #FFF;
	border: 1px solid #333;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.floatright	{
margin: 4px;
float: right;
clear: right;
}

.membersCalculator
{
clear: right;
margin: 4px; 
}

.middle {
vertical-align: middle;
margin: 2px;
}
/*
// ---------- calculator styles
*/



#clcMenu 		{
 	background-color: #FFF;
	font-size: 11px;
}

#clcMenu form {
  margin: 4px;
}
#clcTopMenu 		{
	text-align: right;
	margin-bottom: 10px;
	padding: 0px;
	width: 100%;
	height: 36px;
	font-weight: bold;
	background-image: url(/images/misc/blue-fade.gif);
  	border-bottom: 1px dashed #999;
}



#clcTopMenu ul	{
  margin: 0px;
}

#clcTopMenu li	{
  margin: 0px;
  padding-right: 8px;
  display: inline;
}



/*
// ---------- calculator colours
*/

.paleblue {  background-color: #DDE5FE}
.palestblue { background-color: #F1F4FF }
.palered { background-color: #FFF1F4 }
.palegreen { background-color: #DDEEDD }
.palestgreen { background-color: #EAFAEA}
.white {  background-color: #FFFFFF}
.blue {  background-color: #B9CAFD}
.purple {  background-color: #934293}
.on {  background-color: #FFFFFF}
.off { size:9; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px ; background-color: #999999; background-image: url(images/misc/check.gif)}

.smallbutton {
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	font-size: 9px ;
	background-color: #FEDDA0
}

.smallbox      {
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	font-size: 9px; color: #333333;
}

.mediumbox      {
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	font-size: 11px; color: #333333;
}

.smallboxgrey      {
	border: 1px solid #999;
	background-color: #EEE;
	font-size: 9px; color: #999;
}