body {
  margin: 0;
  font: 0.7em verdana,helvetica,sans-serif;
  color: #ccc;
  background: #010012 url(../images/bg_page.png) no-repeat top center;
}
body#cc-search, body#cc-login {
  background-image: url(../images/bg_cc_page.png);
}

a:link, a:visited {
  color: #fff;
}

a:hover, a:active {
  color: #76ACDA;
}

a img {
  border: none;
}

p {
  margin: 1em 0 0 0;
}

br.clear {
  float: none !important;
  clear: none !important;
}

input, textarea, select, option {
  font: 1em verdana,helvetica,sans-serif;
  color: #000;
}

#body-container {
  position: relative;
  width: 966px; /* Good in IE ????? */
/*  width: 965px;  Good in FF */
  overflow: hidden;
  margin: 0 auto;
}

h1, h2, h3, h4, h5 {
  margin: 0;
}

#skip-navigation {
  position: absolute;
  display: block;
  top: -20em;
  width: 248px;
  z-index: 31337;
  padding: 4px 10px;
  text-align: center;
  background: #0c0;
  border: 1px solid #00c;
  border-top-width: 0;
}

#skip-navigation:active, #skip-navigation:focus {
  top: 0;
}

#header {
}

#header h2 a, #header h3 a, #header p a {
  position: relative;
  display: block;
}

#header h2 b, #header h3 b, #header p b {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}

#header h3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 270px;
  height: 345px;
}
#cc-login #header h3 a, #cc-search #header h3 a {
  height: 311px;
}

#header h3 a {
  width: 270px;
  height: 345px;
}
#cc-login #header h3 a, #cc-search #header h3 a {
  height: 311px;
}

#header h3 b {
  width: 270px;
  height: 345px;
  background: transparent url(../images/gr_rlwc_logo.jpg) no-repeat;
  cursor: pointer;
}
#cc-login #header h3 b, #cc-search #header h3 b {
  width: 270px;
  height: 311px;
  background: transparent url(../images/gr_rlwc_logo_cc.jpg) no-repeat;
}

#header h2 {
  position: absolute;
  top: 0;
  left: 270px;
  width: 696px;
  height: 54px;
}

#header h2 a {
  width: 696px;
  height: 54px;
}

#header h2 b {
  width: 696px;
  height: 54px;
  background: transparent url(../images/gr_heading_sprites.png) no-repeat 0 0;
}
#cc-login #header h2 b, #cc-search #header h2 b {
  background-position: 0 -513px;
}

#header p {
  position: absolute;
  top: 54px;
  left: 270px;
  width: 696px;
  height: 46px;
  margin: 0;
}


#header p a {
  width: 696px;
  height: 46px;
}

#header p b {
  width: 696px;
  height: 46px;
  background: transparent url(../images/gr_heading_sprites.png) no-repeat 0 -54px;
}
#cc-login #header p b, #cc-search #header p b {
  background-position: 0 -567px;
}

#primary-navigation {
  position: absolute;
  top: 345px;
  left: 0;
  width: 270px;
}

#primary-navigation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#primary-navigation ul li {
  margin: 0;
  padding: 0;
  cursor: pointer;
  height: 31px; 
  display: block;
}

#primary-navigation ul li a {
  position: relative;
  display: block;
  width: 270px;
  height: 31px;
  margin: 0;
  padding: 0;
}

#primary-navigation ul li a b {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 270px;
  height: 31px;
  margin: 0;
  padding: 0;
}

#primary-navigation ul li#pn-contact-us a:link b, #primary-navigation ul li#pn-contact-us a:visited b {
  background: transparent url(../images/gr_navigation_sprites.png) no-repeat 0 0;
  cursor: pointer;
}

body#contact-us #primary-navigation ul li#pn-contact-us a:link b, 
body#contact-us #primary-navigation ul li#pn-contact-us a:visited b, 
#primary-navigation ul li#pn-contact-us a:hover b, #primary-navigation ul li#pn-contact-us a:active b {
  background: transparent url(../images/gr_navigation_sprites.png) no-repeat -270px 0;
  cursor: pointer;
}

#primary-navigation ul li#pn-faqs a:link b, #primary-navigation ul li#pn-faqs a:visited b {
  background: transparent url(../images/gr_navigation_sprites.png) no-repeat 0 -31px;
  cursor: pointer;
}

body#faqs #primary-navigation ul li#pn-faqs a:link b, 
body#faqs #primary-navigation ul li#pn-faqs a:visited b, 
#primary-navigation ul li#pn-faqs a:hover b, #primary-navigation ul li#pn-faqs a:active b {
  background: transparent url(../images/gr_navigation_sprites.png) no-repeat -270px -31px;
  cursor: pointer;
}

#primary-navigation ul li#pn-terms-and-conditions a:link b, #primary-navigation ul li#pn-terms-and-conditions a:visited b {
  background: transparent url(../images/gr_navigation_sprites.png) no-repeat 0 -62px;
  cursor: pointer;
}

body#terms-and-conditions #primary-navigation ul li#pn-terms-and-conditions a:link b, 
body#terms-and-conditions #primary-navigation ul li#pn-terms-and-conditions a:visited b, 
#primary-navigation ul li#pn-terms-and-conditions a:hover b, #primary-navigation ul li#pn-terms-and-conditions a:active b {
  background: transparent url(../images/gr_navigation_sprites.png) no-repeat -270px -62px;
  cursor: pointer;
}

#primary-navigation ul li#pn-preferences a:link b, #primary-navigation ul li#pn-preferences a:visited b {
  height: 32px;
  background: transparent url(../images/gr_navigation_sprites.png) no-repeat 0 -93px;
  cursor: pointer;
}

body#preferences #primary-navigation ul li#pn-preferences a:link b, 
body#preferences #primary-navigation ul li#pn-preferences a:visited b, 
#primary-navigation ul li#pn-preferences a:hover b, #primary-navigation ul li#pn-preferences a:active b {
  background: transparent url(../images/gr_navigation_sprites.png) no-repeat -270px -93px;
  cursor: pointer;
}

#primary-navigation ul li#pn-login a:link b, #primary-navigation ul li#pn-login a:visited b {
  height: 32px;
  background: transparent url(../images/gr_navigation_sprites.png) no-repeat 0 -124px;
  cursor: pointer;
}

body#login #primary-navigation ul li#pn-login a:link b, 
body#login #primary-navigation ul li#pn-login a:visited b, 
#primary-navigation ul li#pn-login a:hover b, #primary-navigation ul li#pn-login a:active b {
  background: transparent url(../images/gr_navigation_sprites.png) no-repeat -270px -124px;
  cursor: pointer;
}

#primary-navigation ul li#pn-logout a:link b, #primary-navigation ul li#pn-logout a:visited b {
  height: 32px;
  background: transparent url(../images/gr_navigation_sprites.png) no-repeat 0 -155px;
  cursor: pointer;
}

body#login #primary-navigation ul li#pn-logout a:link b, 
body#login #primary-navigation ul li#pn-logout a:visited b, 
#primary-navigation ul li#pn-logout a:hover b, #primary-navigation ul li#pn-logout a:active b {
  background: transparent url(../images/gr_navigation_sprites.png) no-repeat -270px -155px;
  cursor: pointer;
}

#content {
  padding: 100px 0 1em 270px;
/*  padding: 100px 30px 1em 310px;*/
}
body#thank-you #content {
  padding: 100px 0 100px 270px;
}

#content-wrapper {
  padding: 0 30px;
}

#fullwidth-content {
  padding: 0 30px 100px 30px;
  background: #010012;
}

#cc-login #primary-navigation{
  display: none;
}

#cc-search #primary-navigation #pn-contact-us, #cc-search #primary-navigation #pn-faqs,
#cc-search #primary-navigation #pn-terms-and-conditions, #cc-search #primary-navigation #pn-preferences,
#cc-search #primary-navigation #heroes-here-08 {
	display: none;
}
#cc-search #primary-navigation {
	top: 303px;
	left: 9px;
}

#footer {
  clear: both;
  padding: 10px;
  border: 1px solid #0D395E;
  text-align: center;
  margin-bottom: 2em;
}

#footer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline;
}

#footer ul li {
  margin: 0;
  padding: 0 10px;
  display: inline;
  border-left: 1px solid #0D395E;
}
#footer ul li.first {
  border-left: none;
  padding-left: 0;
}

#footer a:link, #footer a:visited {
  color: #5E7994;
  text-decoration: none;
}

#footer a:hover, #footer a:active {
  color: #fff;
  text-decoration: underline;
}

/* *************************************** */
/* Content area */

/* Page headings */

h1 {
  position: relative;
  width: 696px;
}

h1 b {
  position: absolute;
  top: 0;
  left: 0;
  width: 696px;
}

body#login h1 {
  height: 114px;
}
body#login h1 b {
  height: 114px;
  background: transparent url(../images/gr_heading_sprites.png) no-repeat 0 -100px;
}

body#preferences h1 {
  height: 58px;
}
body#preferences h1 b {
  height: 58px;
  background: transparent url(../images/gr_heading_sprites.png) no-repeat 0 -214px;
}

body#faqs h1 {
  height: 58px;
}
body#faqs h1 b {
  height: 58px;
  background: transparent url(../images/gr_heading_sprites.png) no-repeat 0 -272px;
}

body#terms-and-conditions h1 {
  height: 58px;
}
body#terms-and-conditions h1 b {
  height: 58px;
  background: transparent url(../images/gr_heading_sprites.png) no-repeat 0 -330px;
}

body#cc-login h1 {
  height: 58px;
}
body#cc-login h1 b {
  height: 58px;
  background: transparent url(../images/gr_heading_sprites.png) no-repeat 0 -391px;
}

body#cc-search h1 {
  height: 58px;
}
body#cc-search h1 b {
  height: 58px;
  background: transparent url(../images/gr_heading_sprites.png) no-repeat 0 -452px;
}

body#newsletter h1, body#newsletter_error h1 {
  height: 58px;
}
body#newsletter h1 b, body#newsletter_error h1 b {
  height: 58px;
  background: transparent url(../images/gr_heading_sprites.png) no-repeat 0 -100px;
}
body#thank-you h1 {
  height: 100px;
}
body#thank-you h1 b {
  height: 100px;
  background: transparent url(../images/gr_heading_sprites.png) no-repeat 0 -620px;
}

/* Static content */

h4 {
  font-size: 1.1em;
  color: #76ACD9;
  margin: 1em 0;
}
#terms-and-conditions h4 {
  margin-left: -40px;
  text-transform: uppercase;
}

ul.toc {
  margin: 3em 0 0 0;
  padding: 0;
  list-style-type: none;
}

ul.toc li {
  margin: 0;
  padding: 0 0 8px 0;
}

dl dt {
  border-top: 1px dotted #76ACD9;
  margin: 0;
  padding: 1em 0 0 0;
  font-size: 1.1em;
  color: #76ACD9;
  margin: 1em 0;
  font-weight: bold;
}

dl dd {
  margin: 0 0 0 1em;
  padding: 0 0 0.5em 0;
}

dl dd a.top-link:link, dl dd a.top-link:visited {
  float: right;
  clear: none;
  text-transform: uppercase;
  background: transparent url(../images/bg_top_arrow.png) no-repeat top right;
  padding: 0 12px 0 0;
  text-decoration: none;
}

dl dd a.top-link:hover, dl dd a.top-link:active {
  text-decoration: underline;
}

ol li {
  margin: 0.75em 0 0 0;
}
ol li ul{
  list-style:none;
  padding-left:15px;
}
ol li ol{
  list-style:lower-alpha;
  padding-left:35px;
}


/* Forms */

form {
  position: relative;
  margin: 0;
  padding: 35px 20px 20px 20px;
  padding: 0 20px 20px 20px;
  background: #0E1A34 url(../images/bg_form.png) repeat-x;
}


body#login form {
  color: #76ACD9;
  float:left;
  width: 596px;
}

body#login form p {
  color: #fff;
}

body#cc-login form {
  margin-bottom: 250px;
}

body#login #content-wrapper{
  margin-bottom: 50px;
}
body#thank-you #content-wrapper, body#newsletter #content-wrapper {
  margin-bottom: 250px;
}
body#newsletter_error #content-wrapper {
  margin-bottom: 400px;
}

fieldset {
  position: relative;
  border: none;
  margin: 0;
  padding: 1em 0 0 0;
}

fieldset h4 {
  width: 100%;
  font-size: 1.1em;
  color: #76ACD9;
  margin: 1em 0;
  padding: 1em 0 0 0;
  font-weight: bold;
  border-top: 1px dotted #76ACD9;
}

fieldset.first h4 {
  border-top: none;
}

.field-group {
  position: relative;
  clear: both;
  padding: 10px 0 0 0;
}

form p {
  clear: both;
}

form .required {
  color: #FDB825;
}

form p.required {
  padding-left: 210px;
}

label {
  position: relative;
  color: #fff;
  text-align: right;
  width: 200px;
  padding: 2px 10px 0 0;
  float: left;
  clear: left;
}

body#login label, body#cc-login label {
  font-weight: bold;
}

.field-group .radio-group input {
  float: left;
  clear: none;
}

.field-group .radio-group label {
  text-align: left;
  width: auto;
  padding: 4px 10px 0 2px;
  float: left;
  clear: none;
}

.field-group .radio-group label input {
  vertical-align: middle;
  margin-top: -4px;
  margin-right: 4px;
}

.note {
  color: #76ACD9;
}

div.note {
  clear: both;
  margin-left: 210px;
}

.name {
  font-weight: bold;
  display: block;
  float: left;
  clear: none;
  padding-top: 2px;
}

.submit-buttons {
  clear: both;
  margin: 10px 0 0 210px;
}

.message {
  border: 1px solid #999;
  background: #e3e3e3;
  padding: 1em;
  color: #666;
  font-weight: bold;
  margin: 1em 0;
  clear: both;
}
.message.minierror {
  border: none;
  background: transparent url(../images/error_sml.gif) no-repeat;
  padding-left: 30px;
  color: #FBB726;
  padding-top: 0.2em;
}
.message.minierror p {
  margin: 0;
}
.message.error {
  border: none;
  background: transparent url(../images/error_sml.gif) no-repeat;
  padding-left: 30px;
  color: #FBB726;
  padding-top: 0.2em;
  margin-left: 210px;
}

.message.error.main {
  padding: 1em;
  margin-left: 0;
  margin-top: 2em;
  padding-left: 60px;
  background: #F8E7BB url(../images/error_lrg.gif) no-repeat 8px 2px;
  color: #000;
  border: 1px solid #E7AE17;
}

.message ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.message ul li::before {
  content: " - ";
}

/* Prefs table */
table {
  border: 1px solid #2E6995;
  border-width: 0 0 1px 0;
  border-collapse: collapse;
  color: #fff;
/*  background: #043668 url(../images/bg_prefs_header_right.png) no-repeat top right;*/
}

table caption {
  text-align: left;
}

table tr {
  border: 1px solid #2E6995;
  border-width: 0 1px 0 0;
}

table th, table td {
  padding: 6px 10px;
}

table th {
  text-align: left;
  color: #9FC5E4;
  border: 1px solid #2E6995;
  border-left-style: dotted;
  border-width: 1px 0 0 1px;
}

table tr.main-heading {
  background: #043668 url(../images/bg_prefs_header.png) repeat-x;
}

table th.date-time, table td.date-time {
  border-left-style: solid;
  white-space: nowrap;
  padding-left: 25px;
}

table th.first-name, table td.first-name {
  border-left-style: solid;
}

table .preferences, table .preferences th, table thead td {
  border: none;
}

table tr.preferences th {
  text-align: center;
  background: transparent url(../images/bg_prefs_header_left.png) no-repeat;
}

table tr.preferences td {
  background: #0E1A34;
}

table td {
  background: #0F4C78;
  border: 1px solid #2E6995;
  border-left-style: dotted;
  border-width: 1px 0 0 1px;
}

table tr.even td {
  background: #0A4372;
}

table tr.selected td {
  background: #087AB0;
}

table td.match {
  font-weight: bold;
}

.sortcol {
  cursor: pointer;
  background: #043668 url(../images/ic_sort_desc_inactive.png) no-repeat 0 10px !important;
}

.sortfirstasc {
}

.sortfirstdesc {
}

.sortdesc {
  background: #043668 url(../images/ic_sort_desc_active.png) no-repeat 0 10px !important;
}

.sortasc {
  background: #043668 url(../images/ic_sort_asc_active.png) no-repeat 0 10px !important;
}

table th.date-time {
  background-position: 9.7em 10px !important;
  padding-right: 20px !important;
}

table th.state {
  background-position: 4.2em 10px !important;
  padding-right: 20px !important;
}

table th.venue {
  background-position: 4.7em 10px !important;
}

table th.match {
  background-position: 4.7em 10px !important;
}


table th.first-name {
  background-position: 7.5em 10px !important;
  padding-right: 20px !important;
}

table th.surname {
  background-position: 6.5em 10px !important;
  padding-right: 20px !important;
}

table th.address {
  background-position: 6em 10px !important;
}

table th.suburb {
  background-position: 8.25em 10px !important;
  padding-right: 20px !important;
}

table th.club {
  background-position: 3.5em 10px !important;
  padding-right: 20px !important;
}

.export {
  position: absolute;
  top: 0;
  right: 30px;
}

.export a {
  padding: 2px 24px 3px 0;
  background: transparent url(../images/page_white_excel.png) no-repeat top right;
}

div#content-wrapper div.flash_success {
	display: block;
	background:#CCFFCC;
	border:1px solid #003300;
	color:#003300;
	font-size:80%;
	font-weight:bold;
	padding:10px 5px 10px 40px;
	overflow:hidden;
	white-space:nowrap;
}
div#content-wrapper div.flash_error {
	display: block;
	background:#FFD5D5;
	border:1px solid #990000;
	color:#990000;
	font-size:80%;
	font-weight:bold;
	padding:10px 5px 10px 40px;
	overflow:hidden;
	white-space:nowrap;
}
div#content-wrapper div.flash_info {
	display: block;
	background:#83B6E9;
	border:1px solid #0066FF;
	color:#0066FF;
	font-size:80%;
	font-weight:bold;
	padding:10px 5px 10px 40px;
	overflow:hidden;
	white-space:nowrap;
}


/* DVD covers */
#dvd-covers {
  width: 670px;
  margin-left: -17px;
}