﻿
/* CONTENTS
	
	GENERAL
	NAVS
		Login
		MainNav
	FORMS
	POLLS
	IMAGEGALLERY
	POLLARCHIVE
	LADDER
	SEARCH
	DOWNLOADS
	NEWSTYLES
		LAYOUTS
		MODULES	
		GAMESTATS
		TIPPERS
		FOOTER
	CLEARFIX
	IFRAMEIGE

************************/

/*=GENERAL
************************/
* { padding: 0; margin: 0; }

body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: Arial, Helvetica, Verdana, sans-serif; background: #000; color: #ccc; text-align: center; margin: 0; padding: 0; }

#wrap { position: relative; text-align: left; margin: 2.4em auto 0; width: 98em; background-color: #fff; }

a img { border: 0; }

p, ul, ol { font-size: 1.2em; line-height: 1.5; }

p.action a { background: transparent url(img/arrow-grey.gif) no-repeat scroll 100% 2px; *background: transparenturl(img/arrow-grey.gif) no-repeat scroll 100% 3px; padding:0 2em 0 0;border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; display: block; text-decoration: none;}
p.action a:hover { background-position: 100% -42px; *background-position:100%-41px;}

p.note { color: #999; font-style: italic; }

p.description { color: #999; font-size: 1em; }

h1 { background: #000 url(img/header-public.jpg) no-repeat top left; font-size: 2em; height: 5.6em; overflow: hidden; text-indent: -9999px; }
h1 a { display: block; height: 100%; width: 100%; }

#description { display: none; }
.centered { text-align: center; }
.iframe { border-width: 0px; }
.avatar { width:100px; }
.fullwidth{ width:100%; }
.module.chat p, .module.chat a {color:#333}

/*=NAVS
************************/
/*=login*/
#login-nav { list-style: none; height: 2.5em; overflow: hidden; background: url(img/bg_login_nav.gif) repeat top left; }

#login-nav li { border-left: 1px solid #999999; border-right: 1px solid #000000; float: right; white-space: nowrap; padding: 0.8em 1em 0.4em; font-size: 0.9em; color: #cccccc; }
#login-nav li a { display: block; text-decoration: none; color: #cccccc; }
#login-nav li.last { border-right: none; }
#login-nav li.empty { height: 2.5em; border-left: none; }

/*=mainnav*/
#nav { list-style: none; background: #d4000f url(img/bg-nav.gif) repeat-x top left; clear: left; }
#nav li { float: left; white-space: nowrap; text-align: center; position: relative; }
#nav li a { 
  display: block; 
  color: #f0f0f0; 
  text-decoration: none; 
  font-weight: bold; 
  font-size: 13px;
  padding: 0.2em 1.5em;
  border-right: 1px solid #990000; 
  border-left: 1px solid #ff6666; 
  
  }

#nav li a:hover, #nav li a.sel { color: #000; background: #d4000f; }

ul#nav ul { border-top: 1px solid #d4000f; position: absolute; left: 0; top: 2.5em; z-index: 1000; list-style: none; background: #d4000f; font-size: 0.8em; }

#nav li.first a { border-left: none; }
#nav li.last a { border-right: none; }

#nav ul li { float: none; text-align: left; width: 15em;}
#nav ul li a { 
  padding: 0.2em 1em;
  display: block;
}

#nav ul li a:hover { background:#d4000f }

#nav ul ul li { width: 18em; }

#nav li ul, #nav li:hover ul, #nav li:hover ul ul { display: none;  }
#nav li:hover ul, #nav li:hover ul li:hover ul { display: block; }

#nav .n3 {
  background-image:none;
  position:absolute;
  left:100%;
  top: -1px;
  z-index:10001;  
  margin:0;padding:0;  
}

#nav .n3 li {
  width: 25em;
}

/*tinynav*/
#tinynav { list-style-image: none; list-style-position: outside; list-style-type: none; position: absolute; right: 0; top: -1.7em; background-color: #000; }
#tinynav li { float: left; }
#tinynav li a { border-left: 1px solid #999999; color: #FFFFFF; display: block; padding: 0 0.5em; font-size: 0.9em; }
#tinynav li a:hover { color: #FFFFFF; text-decoration: none; }

/*=FORMS
************************/
fieldset { border: 0; margin: 1em 0; }
div.form fieldset label { width: 12em; display: block; float: left; }
div.form fieldset label.auto { width: 35em; }

fieldset legend { font-size: 1.4em; font-weight: bold; color: #333; margin: 0 0 0.5em; padding: 0; text-indent: 0; }
fieldset .checkbox { display: block; float: left; margin: 0.2em 0.5em 0.5em; clear: left; *margin-top:-0.1em;}
fieldset li { list-style-type: none; line-height: 1; }
fieldset ul.list li { line-height: 1.5; list-style-type: disc; }
fieldset li .checkbox { margin: 0.2em 0.2em 0 0; }
input.textwide { width: 18em; }

input { padding: 0.2em; }
select { padding: 0.2em ; width: 11.2em; }
option { padding: 0 0.5em; margin: 0.3em 0 }

#frmLogin fieldset { clear: both; border: 0; padding: 0; }
#frmLogin fieldset legend { display: none; }
#frmLogin label { display: block; float: left; }
#frmLogin input.text { float: right; width: 8em; }
#frmLogin input.btn { float: right; }

.btn { clear: left; }

#frmSearch { position: absolute; top: 3em; right: 0; background: #333; width: 20em; padding: 1em; }
#frmSearch input.text { float: left; width: 10em; }
#frmSearch input.btn { float: right; clear: none; width: 4em; }

#a-reg-tribe { color: #D4000F; text-decoration: none; }

/*=POLLS
************************/
.module ul.graph-list { margin-left: 0; list-style: none; }
.graph { position: relative; /* IE is dumb */ background: #fff; width: 13em; border: 1px solid #f00; padding: 0.2em; margin-bottom: .5em; }
.graph strong { display: block; position: relative; background: #ccc; text-align: center; color: #333; height: 2em; line-height: 2em; }
.graph strong span { position: absolute; left: 1em; white-space: nowrap; }

/*=IMAGEGALLERY
************************/
#imagegallery .imgblock { float: left; background: #fff; border-right: #ccc 0.1em solid; border-bottom: #ccc 0.1em solid; padding: 0.3em; margin: 0.5em; text-align: center; width: 12.2em; height: 20em; }
#imagegallery .imgblock .image img { display: block; margin: 0 auto; text-align: center; border: 1px solid #666; }
#imagegallery .imgblock p { font-size: 1em; color: #666; }
#imagegallery p.pagelinks { clear: both; background: #d4000f url(img/bg-nav.gif) repeat-x top left; padding: 0.4em; border: #d4000f solid 1px; color: #fff; }
#imagegallery p.pagelinks a { color: #fff; }
#imagegallery p.imgdate { color: #999; }

/*=POLLARCHIVE
************************/
table.pollarchive { padding: 0.8em; }
table.pollarchive td { padding: 0.4em; text-align: left; vertical-align: top; font-size: 1.2em; color: #333; }
table.pollarchive tr.header td { font-weight: bold; font-size: 1.2em; margin-bottom: 0.4em; color: #333; background-color:#CCCCCC; }
table.pollarchive .graph strong { height: 1.5em; line-height: 1.5em; font-size: 0.75em }
table.pollarchive tr.alt { background-color: #EFEFEF; }

#polls table { border-collapse: collapse; }
#polls table td, #polls table th { padding: .5em; width: 8.3%; font-size: 1.2em; }
#polls table th { background: #FFF; }
#polls table .top.alt { background: #AFD4FF; }
#polls table .top { background: #CFE5FF; }
#polls table .alt { background: #DFDFDF; }

/*=LADDER
************************/
#ladder table { border-collapse: collapse; color: #333; }
#ladder table td { font-size: 1.1em; width: 8.3%; padding: .5em; }
#ladder table th { font-size: 1.2em; background-color: #ccc; color: #333; padding: .5em; }
#ladder table .topalt { background: #AFD4FF; }
#ladder table .top { background: #CFE5FF; }
#ladder table .alt { background: #DFDFDF; }

#ladder table .top { background:#FFFFFF;}
#ladder table .topalt {background:#EFEFEF;}
#ladder table { background:#DFDFDF;}
#ladder table .alt { background:#CFCFCF;}

/*=SEARCH - not sure if used
************************/
.gsc-control { width: 39em; font-size: 1.2em; }
.gsc-results { padding: 0.2em; }
.gs-snippet { line-height: 1.5; }
.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl { color: #d4000f; }
.gsc-tabHeader.gsc-tabhActive { border-top: 2px solid #d4000f; }

.gsc-cursor-box { border-top: 1px solid #E9E9E9; padding: 0.2em; }
.gsc-cursor, .gsc-trailing-more-results { background: #E9E9E9; padding: 0.2em; }

/*=DOWNLOADS - not sure if used
************************/
.download { text-align: center; background: #fff; padding: 1em; margin: 1em; float: left; width: 18em; border-bottom: 0.1em solid #ccc; border-right: 0.1em solid #ccc; min-height: 226px; height: auto !important; height: 226px; }
.download h4 { line-height: 1.5; }

.download ul { list-style-type: none; margin: 0; padding: 0; width: 6em; }
.download ul.normal { float: left; text-align: left; }
.download ul.widescreen { float: right; text-align: right; }

/*=NEWSTYLES
************************/
#main { padding: 0.2em; }

/*=LAYOUTS
************************/
.first-col, .first-col .col-a, .second-col .col-a { float: left; }
.second-col, .first-col .col-b, .second-col .col-b { float: right; }

/*3 visible columns 
	- default 
	- first-col b doubled*/

/* outer 2 columns */
.first-col { width: 77.9em; }
.second-col { width: 19.6em; }
.first-col.fullwidth { width: 100%; }

/* inner 4 */
.first-col .col-a { width: 19.6em; }
.first-col .col-b { width: 57.8em; margin-right: 0.1em; }
.second-col .col-a { width: 19.4em; }
.second-col .col-b { width: 19.4em; }

/*end 3 col default*/

/*4 visible columns 
	- home page 
	- first-col col-b large*/

/* outer 2 columns */
.first-col.wide { width: 58.4em; }
.second-col.short { width: 39.1em; }

/* inner 4 */
.first-col.wide .col-a { width: 19.6em; }
.first-col.wide .col-b { width: 38.4em; margin-right: 0.1em; }
.second-col .col-a { width: 19.4em; margin-right: 0.1em; }
.second-col .col-b { width: 19.4em; }

/*end 4 col */

/*1 visible column
	- about, contact and most member pages*/

/* outer 2 columns */
.first-col.full { width: 50em; }
.second-col.none { }

.full .module a, .full .module p, .full .module li, .full .module a:hover { color: #333; }

/*end 1 col */

/*2 column
	- images page only*/

/* outer 2 columns */
.first-col.gallery { }
.second-col.gallery { }

.gallery .module a, .gallery .module p, .gallery .module li, .gallery .module a:hover { color: #333; }

/*end 2 col */

#home-ban { outline:none; text-indent: -9999em; position: absolute; z-index: 2; width: 426px; height: 71px; top: 20px; left: 29px; }

/*=MODULES
*****************/
.module { margin: 0 0 0.3em; overflow: hidden; clear: left; padding: 0 1.5em; zoom: 1; /* stoopid ie 6 */ }

.module a, .module p, .module li { color: #333333; }
.module a:hover { color: #333333; text-decoration: none; }

.module p { margin: 0.5em 0; }
.module p.smaller { font-size: 1.1em; margin-top: 1em; }
.module p strong { color: #d4000f; }

.module ul, .module ol { margin-left: 1.8em; margin-bottom: 0.5em; }
.module ul.errors { font-weight: bold; color: #000; }

.module h2, .first-col .col-b .module h2 a, .module h3, .module h5 { background-color: #333333; color: #cccccc; font-size: 1.2em; padding: 0.3em 0.4em 0.4em 1.5em; font-weight: normal; margin: 0 -1.5em; text-align: left; border-bottom: 0.3em solid #fff; }

.first-col .col-b .module h2 a { font-size: 1.1em; border-bottom: 0; padding: 0 0.4em 0 1.5em; text-decoration: none; margin-right: 10em; }

.module h2 a { color: #ccc; }
.module h2 a:hover { text-decoration: none; }

	.module h2 a.title { color: #ccc; text-decoration: none;  }
	.module h2 a.title:hover { color: #fff; }

.module h2.red { background-color: #CC0000; color: #fff; margin: 0 -1.5em; }

.module h4 { font-size: 1.2em; margin-bottom: 0.2em; color: #333333; }
.module h4 a { font-weight: bold; text-decoration: none !important; }

.module h5 { font-size: 1.2em; color: #fff; background-color: #000; border-bottom: none; }

.module.nopad { padding: 0; }
.module.empty, .module.nopad h2, .module.nopad h5 { margin: 0; }
.module.nopad .action { padding: 0 1.5em; }

.first-col .col-b a, .second-col .col-a a, .first-col .col-b p, .second-col .col-a p, .first-col .col-b li, .second-col .col-a li { color: #333; }

.first-col .col-b a:hover, .second-col .col-a a:hover { color: #000; text-decoration: none; }

.full .module { padding: 0 1.5em; }
.full .module h2, .full .module h3 { margin: 0 -1.5em 0.3em -1.5em; }

/* module bg colours */
.lightgrey { background-color: #DEDCDC; }
.evilgrey { background-color: #666666; }
.darkgrey { background-color: #333333; }
.lightred { background-color: #FF0000; }
.darkred { background-color: #CC0000; }
/*end module bg colours*/

.redbg { padding: 0.5em 0.5em 0.5em 1.5em; margin-top: 0.2em; text-align: left; }

/*news module*/
#newsitems { padding: 0.5em 1.5em; }
#newsitems a { text-decoration:none; }
#newsitems a:hover { text-decoration:underline; }
#newsitems h4 {font-size:1.2em; margin-bottom:.2em;}
#newsitems h4.main {font-size:1.2em;}

.post-img { float: left; margin: 0.8em 0.8em 0 0; }
h2.blog-header { padding-right: 10em; position: relative; }

.blog {
  margin-top:0.5em;  
}

.blog .inner {
  float:left;  
  padding-bottom:0em;
  
 }

.blog h4 
{ 
  font-weight: normal; 
  font-size:2em;
}

.blog .avatar {
  height:66px;
  width:66px;
  float:left;
}

.blog .blogcontent {
  float:left;
  margin-left:1.5em;
  width:27em;  
}

#wide .blogcontent {
  width:46em;
}

.blog h3 { background: none; margin: 0.25em 0 0; padding: 0; background: none; font-weight: normal; border-bottom: none; }
.blog h3 a { color: #ff0000; font-size: 18px; text-decoration: none; }
.blog .avatar img {
  width:66px;
  height:66px;
}

.blog .published { 
  padding:0 0 3px 0;
  font-size:1.1em;
  margin-top:-2px;
}

.blog .continue { 
  padding:0 0 3px 0;
  font-size:1.1em;
  margin-top:-2px;
}

.blog .addthis {
  margin:2em 0;
}

.blog .comments {
  margin-left:66px;
  padding-left:1.5em;  
}

.blog .comments .inner {
  float:left;  
  padding-bottom:.7em;
  margin-bottom:2em;
 }
 
.blog .comments h4 {
  margin-bottom:1em;
  }

.blog .commentcontent {
  float:left;
  margin-left:1.5em;
  width:36em;  
}

.blog .commentcontent strong {
  font-weight:normal;
  color:#333333;
}

h2.blog-header { padding-right: 10em; }

.profile {
  color:#333;  
}

.profile table{
  border-collapse:collapse; 
  width:100%;
}

.profile h4 {
  font-size:2em;
  line-height:2em;  
}

.profile p strong {
  color:#333333;
  font-weight:normal;
}

.profile .nav {
  text-align: center;
  font-size:1.6em;
}

.profile .nav a {
  padding:5px;
  text-decoration:none;  
}

.profile .nav a:hover {
  padding:5px;
  text-decoration:underline;
}

.profile a.top {
  font-size:.9em;  
  font-weight:normal;
  text-decoration:none;
  float:right;
  margin-top:1.2em;
}

.profile .profilesection{
  float:left;  
}

.profile a.top:hover {
  text-decoration:underline;
}

.profile th  {
  font-size:1.6em;
  line-height:1.6em;  
  color:#333;
  width:6em;
  vertical-align: top;
  text-align:right;
  border-bottom:1px solid #CCC;
  padding:1em 1em 1em 0;
}

.profile td {
  font-size:1.2em;
  line-height:1.6em;  
  color:#333;
  border-bottom:1px solid #CCC;  
  padding:1em;
}

.profile #comments th {
  text-align:center;  
  vertical-align: middle;
}

.profile #comments th a {
  margin:3px;
  display:block;  
}

.profile blockquote {
  font-style:italic;
}

.profile .forumquote {
  font: italic 1.4em Georgia, "Times New Roman", Times, serif;
  text-decoration:none;
}

.profile #forumposts th {
  text-align:center;  
  vertical-align: middle;
}

.profile #forumposts th a {
  text-decoration:none;
}

.profile #forumposts th a:hover {
  text-decoration:underline;
}

/*pxts module*/
.module.pxts img { margin: 1em auto 0.5em; padding: 0.5em; background-color: #fff; }

/*poll module*/
.module.poll li, .module.poll ul { margin: 0 0 0.2em 0; list-style: none; }
.pollsubmit { background: url(img/pollsubmit.gif) no-repeat top left; width: 160px; height: 20px; font-size: 11px; color: #fff; border: none; }
.pollsubmit:hover { cursor: pointer; }

/*Word On The Street module*/

/*Next Game*/
.nextgame p { margin: 0; }
.nextgame p, .nextgame p strong { color: #fff; }
.nextgame p.date strong { color: #000; }

/*Latest Results*/
.results td { border-collapse: collapse; border-bottom: 1px solid #fff; font-weight: bold; }
.results td.team { padding-left: 1.6em; border-right: 1px solid #fff;  }
.results td.bottom { border-bottom: none; }

/*=GAMESTATS
************************/
.game-stats { background-color: #DEDCDC; width: 100%; padding: 0.5em 0; color: #333333; border-collapse: collapse; }
.game-stats { font-size: 1.2em; }

.game-stats th { padding: 0.5em 1.5em; }
.game-stats td { border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 0.3em 0.5em 0.3em 1.5em; }
.game-stats td, .game-stats th { text-align: left; /* safari */ }

.game-stats .head {  width: 100%; }
.game-stats td.first { border-right: 1px solid #fff; }
/*.game-stats td.bottom { border-bottom: none; }*/
.game-stats td.second { padding-right: 0; }

ul.forum-list { list-style: none; margin: 0px; color: #333333; }
ul.forum-list li a { padding: 0.2em 0 0.2em 2.2em; text-decoration: none; display: block; background: #DEDCDC url(img/comments.gif) no-repeat 5px 5px; width: 14em; }
ul.forum-list li a:hover { text-decoration: underline; background: #fff url(img/comments-hover.gif) no-repeat 5px 5px; color: #333; }

/*=TIPPERS
************************/
#tippers table { border-collapse: collapse; color: #333; }
#tippers table td, #tippers table th { padding: 0.5em 0.5em 0.5em 0.2em; width: 8.3%; font-size: 1.2em; }
#tippers table .top { background: #FFF; }

/*=COMMENTARY
************************/
table.com-results th, .com-results td { font-size: 1em; color: #333; padding: 0.5em; }
table.com-results th { background-color: #ccc; font-size: 1.2em; }
table.com-results td { font-size: 1.1em; }
table.com-results .round { text-align: center; }

table.com-results .on.even {background:#FFFFFF;}
table.com-results .on.odd {background:#EFEFEF;}
table.com-results .off.even {background:#DFDFDF;}
table.com-results .off.odd {background:#CFCFCF;}

/*=FOOTER
************************/
#foot { height: 1.9em; background-color: #313131; clear: both; text-align: right; width: 100%; color: #fff; overflow: hidden; }

#foot ul { font-size: 1.1em; float: right; list-style: none; }
#foot ul li { padding: 0.2em 1em 0.75em; border-left: 1px solid #fff; float: left; }
#foot ul li.first { border: medium none; }
#foot ul li#footer-back { background: #d4000f url(img/bg-nav.gif) repeat-x top left; }
#foot ul li#footer-back a { border: 0; background: url(img/back-arrow.gif) no-repeat 95% 50%; padding-right: 1.5em; font-weight: bold; }

#foot ul li a { color: #fff; text-decoration: none; }
#foot ul li a:hover { text-decoration: underline; }

/*=CLEARFIX
************************/
.clear { clear: both; }
.clearLeft { clear: both; float: left; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

input.full, textarea.full { width: 400px; padding: 0; }

p.manofthematch { margin-top: -0.4em; background: #333; padding: 0.6em; text-align: center; font-size: 1.4em; font-weight: bold; color: #fff; }

div#result { color: #fff; margin: -0.6em 0 0em 0; padding: 1em 0; }
p.team1, p.team2 { color: #fff; width: 7em; text-align: center; margin-top: 0; margin-bottom: 0; line-height: 1; font-weight: bold; }
p.team1 { float: left; }
p.team2 { float: right; }
p.vs { color: #fff; text-align: center; clear: both; font-style: italic; line-height: 0; }

p.team1 span, p.team2 span { font-size: 3em; }

/*=IFRAMEIGE
************************/
#head-cont, #foot.foot-cont { width: 970px; position: relative; }
#head-cont #nav li { width: 8.9em; }
#head-cont #nav li a { padding: 0.2em 0; }
.sectionc { background-color: #fff; }
#secb-cont { position: relative; width: 300px; }
#forum_adlink, #chat_adlink { text-indent: -9999em; position: absolute; width: 300px; left: 0; height: 100px; }
#forum_adlink { top: 90px; }
#chat_adlink { bottom: 0; }
#secc-cont { width: 196px; padding-left: 3px; background-color: #ffffff; }


/*=MY TEAM
************************/
.anzteams .logo {float:left; height:400px;margin-right:10px; }
.anzteams p a.red {color:#D4000F; }


/*=WORKSHOP
************************/
#workshop a { 
  border:1px solid #CFCFCF;
  display:block;
  margin:0 25px 25px 0;
  float:left;
}

#workshop a:hover { 
  border:1px solid #8F8F8F;  
}

#workshopmenu {  
  float:left;
  margin:2em 0 3em 0;  
}

#workshopmenu a {  
  font-size:1.6em;
  line-height:2em;
  font-weight:bold;
  text-align:center;
  margin:5px 5px 0 0;  
  padding:5px;
  text-decoration:none;
  float:left;
  display:block;  
  width:7.4em;
  height:2em;
  border:1px solid #CCC;
}

#workshopmenu a:hover {
  border:1px solid #333;
}

.flash-ad { position: relative; }
.flash-ad-link { position: absolute; top: 0; left: 0; width: 189px; height: 283px; display: block; }

.fixtures-results td { background-color: #EFEFEF; vertical-align: top; }
td.row-heading { background-color: #DFDFDF; font-weight: bold; }
.workshop-swf { position: relative; }
.workshop-swf a { position: absolute; left: 0; top: 0; height: 143px; width: 384px; display: block; }