/*****************************************************************************/
/* E-BETTING: Online Betting System                                  v1.0.00 */
/* ================================                                          */
/*                                                                           */
/* Copyright (c) 2007 etote Ltd.                                             */
/* mail:info@e-tote.ltd.uk                                                   */
/* http://www.e-tote.ltd.uk/                                                 */
/*                                                                           */
/* E-BETTING is an online betting system allowing partner sites to offer     */
/* a range of betting options from the etote Ltd website.                    */
/*                                                                           */
/* etote Ltd. is a wholly owned subsidiary of DataTote (England) Ltd.        */
/*                                                                           */
/*****************************************************************************/

/*
 * Bet24 Greyhound Betting Website
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *
 * SECTION           FGCOLOR/BGCOLOR
 * body:             #000000/#ffffff
 *
 * page head:        #ffffff/#000000
 *
 * sect head:        #ffffff/#888888
 * sect body:        #000000/#ffffff
 *
 * grid head:        #ffffff/#aaaaaa
 * grid row1:        #000000/#cccccc
 * grid row2:        #000000/#eeeeee
 * grid foot:        #000000/#aaaaaa
 *
 * form head:        #000000/#cccccc
 * form row1:        #000000/#cccccc
 * form row2:        #000000/#cccccc
 * form foot:        #000000/#cccccc
 */

BODY {
  color: #000000;
  background: #ffffff url(../images/chrome/background_gradient.gif) top left repeat-x fixed;
  font-family: Tahoma, Verdana, sans-serif;

  /*scrollbar-base-color:#005F34;*/
  scrollbar-base-color:       rgb(99,99,99);
  scrollbar-darkshadow-color: rgb(99,99,99);
  scrollbar-face-color:       rgb(210,210,213);
  scrollbar-highlight-color:  rgb(210,210,213);
  scrollbar-shadow-color:     rgb(99,99,99);
  scrollbar-track-color:      rgb(210,210,213);
}

INPUT {
  font-size: 10px;
}

INPUT.editbox, SELECT {
  background-color: #fad716;
  font-size: 10px;
}

INPUT.editbox-readonly, SELECT.readonly {
  background-color: transparent;
}

.checkbox {
  height: 12px;
  width: 12px;
  margin: 0px;
  padding: 0px;
}

DIV#header,
DIV#middle,
DIV#footer {
  width: 750px;
}

DIV#middle TABLE.frame TD.menubar {
  width: 160px;
}

DIV#middle TABLE.frame TD.content {
  width: 590px;
  text-align: left;
}

DIV#middle TABLE.frame TD.sidebar {
  width: 160px;
}

DIV#menubar {
  margin: 0px 10px 0px 0px;
}

.frame-m-c-s DIV#content {
  padding: 0px;
  margin: 0px 10px;
}

.frame-m-s DIV#content {
  padding: 0px;
  margin: 0px 0px 0px 10px;
}

.frame-c-s DIV#content {
  padding: 0px;
  margin: 0px 10px 0px 0px;
}

.frame-c DIV#content {
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

DIV#sidebar {
  padding: 0px;
  margin: 0px 0px 0px 10px;
}

.index-page DIV#home-left {
  width: 365px;
  margin-right: 10px;
}

.index-page DIV#home-right {
  width: 365px;
  margin-left: 10px;
}

A {color: #3c64ae; text-decoration: underline;}
A:Visited {text-decoration: underline;}
A:Active {text-decoration: underline;}
A:Hover {text-decoration: underline;}

.button {
  font-size: 10px;
  color: #000000;
  background: #FADD17;
  border-top: 1px solid #FCF3B8;
  border-left: 1px solid #FCF3B8;
  border-bottom: 1px solid #D3BB17;
  border-right: 1px solid #D3BB17;
}

/*
 * Form styling
 */

TABLE.form {
  color: #ffffff;
  background-color: #999999;
}

/* Form header */
THEAD.form TD.form,
TH.form {
  color: #ffffff;
  background-color: #999999;
  border-bottom: 1px solid #ffffff;
}

/*
 * Grid styling (either div or table)
 */

DIV.grid-head,
TH.grid {
  color: #000000;
  background-color: #B2C3BD;
  border-bottom: 1px solid #447E43;
}

.grid-line,
TBODY.grid TD.grid {
  color: #000000;
  background-color: #eeeeee;
  border-bottom: 1px solid #447E43;
}

TBODY.grid TR.grid-last TD.grid {
  border-bottom: 2px solid  #447E43;
}

TBODY.grid-last TR.grid-last TD.grid {
  border-bottom: 1px solid #447E43;
}

.grid-line-even,
TBODY.grid TR.grid-even TD.grid {
  color: #000000;
  background-color: #CACBCD;
}

.grid-line-odd,
TBODY.grid TR.grid-odd TD.grid {
  color: #000000;
  background-color: #E0E0E2;
}

.grid-foot,
TFOOT.grid TD.grid {
  color: #000000;
  background-color: #B2C3BD;
  border-bottom: 1px solid #447E43;
}

/*
 * Header styles
 */
.title {
  color: #fad716;
  font: bold 11px Tahoma, Verdana, sans-serif;
  height: 20px;
  padding: 0px;
  border: none;
  width: 750px;
  background: transparent url(../images/chrome/header750.gif) top left no-repeat;
}

.title-inner {
  height: 13px;
  padding: 3px 5px 4px 5px;
}

#menubar .title,
#sidebar .title {
  width: 150px;
  background: url(../images/chrome/header150.gif) top left no-repeat;
}

#content .title {
  width: 580px;
  background: url(../images/chrome/header580.gif) top left no-repeat;
}

#home-left .title,
#home-right .title {
  width: 365px;
  background: url(../images/chrome/header365.gif) top left no-repeat;
}

#middle .title {
  width: 750px;
  background: url(../images/chrome/header750.gif) top left no-repeat;
}

/*
 * Section styles
 */
.secthead {
  color: #fad716;
  background-color: transparent;
  font: bold 11px Tahoma, Verdana, sans-serif;
  height: 20px;
  padding: 0px;
}

.secthead-inner {
  height: 13px;
  padding: 3px 5px 4px 5px;
}

.sectbody {
  color: #000000;
  background-color: #cacbcd;
  xfont: 10px Tahoma, Verdana, sans-serif; 
  padding: 0px;
}

.sectbody-inner {
  padding: 5px 5px 0px 5px;
}

.sectfoot, .subsectfoot {
  color: #000000;
  background-color: transparent;
  height: 4px;
  overflow: hidden;
  padding: 0px;
  display: block;
}

.sectfoot-inner, .subsectfoot-inner {
  display: block;
}

#menubar .secthead,
#sidebar .secthead {
  width: 150px;
  background: url(../images/chrome/boxheader150.gif) top left no-repeat;
}

#content .secthead {
  width: 580px;
  background: url(../images/chrome/boxheader580.gif) top left no-repeat;
}

#home-left .secthead,
#home-right .secthead {
  width: 365px;
  background: url(../images/chrome/boxheader365.gif) top left no-repeat;
}

#menubar .sectfoot,
#sidebar .sectfoot {
  width: 150px;
  background: url(../images/chrome/boxend150.gif) top left no-repeat;
}

#content .sectfoot {
  width: 580px;
  background: url(../images/chrome/boxend580.gif) top left no-repeat;
}

#home-left .sectfoot,
#home-right .sectfoot {
  width: 365px;
  background: url(../images/chrome/boxend365.gif) top left no-repeat;
}

/*
 * ODDS BLOCK IFRAME CONTENT
 */

BODY.odds {
  color: #000000;
  background-color: transparent;
}

/*
 * JACKPOTS BLOCK
 */
.jackpots-block .grid-line {
  border-bottom: 1px solid #004F00;
}

.jackpots-block .grid-line-odd {
  background-color: #ffcc00;
}

.jackpots-block .grid-line-even {
  background-color: #fad716;
}


/*
 * BETTING BLOCK
 */
.betting-block .sectbody-inner {
  padding: 5px 5px 0px 5px;
}

/*
 * RESULTS BLOCK
 */
.results-block .sectbody-inner {
  padding: 5px 5px 0px 5px;
}

/*
 * ARTICLES BLOCK
 */

#content .articles-block {
  margin: 0px;
  padding: 0px;
}

#content .articles-block .secthead {
  width: 365px;
  background: url(../images/chrome/header365.gif) top left no-repeat;
  margin-bottom: 1em;
}

#content .articles-block .sectbody,
#content .articles-block .sectbody-inner {
  background: transparent;
  margin: 0px;
  padding: 0px;
}

#content .articles-block .sectfoot {
  display: none;
}

#content .articles-block .sectbody h2 {
  clear: left;
  font-family: serif;
  font-size: 12px;
  color: black;
  padding: 0px;
  margin: 0px 0px 10px 0px;
  padding-bottom: 10px;
  background: transparent url(../images/chrome/dotted_border.gif) repeat-x bottom right
}

#content .articles-block .sectbody p {
  font: 12px Tahoma, Verdana, sans-serif;
  margin: 0px 0px 20px 0px; 
  padding: 0px 5px 0px 0px;
  line-height: 1.5em;
  background-color: transparent;
}

#content .articles-block .sectbody p.small {
  font-size: 10px;
}


/*
 * WHATSON BLOCK
 */
.whatson-block TFOOT.grid TD.grid {
  background-color: transparent;
  border: none;
  padding-top: 0.25em;
}

/*
 * POPUP HELP
 */

DIV.popup-help {
  padding: 5px;
}

DIV.popup-help ul {
  margin: 0px;
  margin-left: 20px;
  margin-bottom: 4px;
}

DIV.popup-help .secthead {
  width: 140px;
  background-image: url(../images/chrome/boxheader365.gif);
}

DIV.popup-help .secthead {
  width: 355px;
  background-image: url(../images/chrome/boxheader365.gif);
}

DIV.popup-help .sectbody {
  width: 355px;
}

DIV.popup-help .sectfoot {
  width: 365px;
  background-image: url(../images/chrome/boxend365.gif);
}

DIV.popup-help-button {
  text-align: center;
  margin: auto auto;
}

/*
 * Add the dotted borders
 */

DIV#footer {
  margin-top: 10px;
  background: transparent url(../images/chrome/dotted_border.gif) top left repeat-x;
}

TABLE.frame-c-s TD.sidebar {
  background: transparent url(../images/chrome/dotted_border.gif) top left repeat-y;
}

DIV.index-home-page DIV#content DIV.content {
  background: transparent url(../images/chrome/dotted_border.gif) 375px 0px repeat-y;
}

#middle .block, .bet-coupon-sect {
  /* add dotted border */
  background: transparent url(../images/chrome/dotted_border.gif) bottom left repeat-x;
}

.streaming-block, .articles-block, .results-block, .howtobet-block {
  /* remove dotted border */
  background: transparent none bottom left repeat-x !important;
}

.banners-block, .sponsors-block {
 display: none;
}

.navbar-block {
  font-size: 100%;
  margin-bottom: 1em;
}

.navbar-block UL.nav LI.corporate-nav LI.home-index,
.navbar-block UL.nav LI.corporate-nav LI.corporate-aboutus,
.navbar-block UL.nav LI.corporate-nav LI.corporate-contactus,
.navbar-block UL.nav LI.corporate-nav LI.corporate-privacy,
.navbar-block UL.nav LI.corporate-nav LI.corporate-tsandcs .nav-item-sfx {
  display: none;
}


/*
 * JSCALENDAR STYLES
 */

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  color: #000000;
	background: transparent url(../images/chrome/boxend175.gif) bottom left no-repeat;
  font: normal 10px Tahoma, Verdana, sans-serif;
	width: 175px;
	overflow-x: hidden;
  cursor: default;
	border-collapse: separate;
}

.calendar table {
	background: transparent url(../images/chrome/boxheader175.gif) top left no-repeat;
}

/* Header part -- contains navigation buttons and day names. */

.calendar thead .titlerow { 				/* This holds the '?' and 'x' buttons and
	                                     the current "month, year" */
  color: #fad716;
	background-color: transparent;
  font: bold 11px Tahoma, Verdana, sans-serif;
	height: 20px;
	padding: 0px;
	margin: 0px;
  text-align: center;
	vertical-align: middle;
}

.calendar thead .titlerow .button {
  color: #000000;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	border: none;
}

.calendar thead .titlerow .button div { 			/* This holds the '?' and 'x' buttons */
	font-size: smaller;
  color: #000000;
	background-color: transparent;
	border: 1px inset #000000;
	height: 1em;
	width: 1em;
	margin: 0px 5px;
}

.calendar thead .titlerow .hilite div {
  color: #ffffff;
	background-color: transparent;
	border: 1px inset #ffffff;
}

.calendar thead .headrow {							/* Row <TR> containing navigation buttons */
  color: #000000;
  background-color: #fad716;
	text-align: center;
	vertical-align: middle;
	border: none;
}

.calendar thead .headrow .button {			/* "<<", "<", ">", ">>" buttons have this class */
  color: #000000;
  background-color: #fad716;
	border: 1px inset;
	padding: 1px;
	margin: 0px;
}

.calendar thead .headrow .hilite {			/* hovered buttons have this class */
	border: 1px outset;
}

.calendar thead .headrow .active {			/* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
}


.calendar .nav {
}

.calendar table thead .daynames {				/* Row <TR> containing the day names */
  color: #000000;
  background-color: #B2C3BD;
}

.calendar table thead .daynames TD {		/* Cell <TD> containing the week no & day names */
	width: 12.5%;
  border-top: 1px solid #447E43;
  border-bottom: 1px solid #447E43;
}

.calendar table thead .daynames TD.hilite {		/* hovered cells have this class */
  border-bottom: 1px solid #fad716;
}

.calendar thead .name {								  /* Cells <TD> containing the day names */
  text-align: center;
}

.calendar thead .weekend {							/* How a weekend day name shows in header */
  color: #666666;
}

/* The body part -- contains all the days in month. */
.calendar tbody {										/* Rows <TR> containing month days dates */
	 background-color: #cacbcd;
}

.calendar tbody tr {										/* Rows <TR> containing month days dates */
	 background-color: #cacbcd;
}

.calendar tbody td {										/* Cells <TD> containing month days dates */
	padding: 2px;
	text-align: center;
}

.calendar tbody tr.rowhilite{						/* Hovered row <TR> */
  background-color: #E0E0E2;
}

.calendar tbody td.hilite {							/* Hovered cells <TD> */
  border: 1px solid #000000;
	padding: 1px;
}

.calendar tbody td.active {							/* Active (pressed) cells <TD> */
  padding: 2px 0px 0px 2px;
}

.calendar tbody td.selected {						/* Cell showing selected date */
  background-color: #E0E0E2;
  border: 1px solid #000000;
	padding: 1px;
}

.calendar tbody td.today {					 		/* Cell show todays date */
	font-weight: bold;
  background-color: #fad716;
}

.calendar tbody td.weekend {						/* Cells showing weekend days */
  color: #666666;
}

.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #ffffff;
}

.calendar tbody .day.othermonth.oweekend {
  color: #666666;
}

.calendar table .wn {
  border-right: 1px solid #447E43;
}

.calendar tbody .disabled {
	color: #999999;
}

.calendar tbody .emptycell {						/* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow {							/* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow {							/* The <TR> in footer (only one right now) */
}

.calendar tfoot .footrow TD {						/* The footer cells <TD> */
  border-top: 1px solid #447E43;
  text-align: center;
}

.calendar tfoot .ttip {									/* Tooltip (status bar) cell <TD> */
  padding: 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #000000;
  color: #000000;
  background-color: #fad716;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  color: HighlightText;
  background-color: Highlight;
}

.calendar .combo .active {
  color: HighlightText;
  background-color: Highlight;
}

.calendar td.time {
  border-top: 1px solid #447E43;
  padding: 1px 0px;
  text-align: center;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
	color: #000000;
  background-color: #fad716;
  padding: 0px 3px 0px 4px;
  border: 1px solid #898;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  color: HighlightText;
  background-color: Highlight;
}

.calendar td.time span.active {
  color: HighlightText;
  background-color: Highlight;
}

/* vim: set expandtab tabstop=2 shiftwidth=2: */