/*________ GLOBAL ELEMENTS ________*/

* {
	margin: 0;
	padding: 0;
}

img {
	display: block;
	border: 0;
}
a {
	outline: none;
	color: #1c964c;
}
a:hover {
	text-decoration: none;
	color: #000;
}
html {
	font-size: 100%;
}
body {
  font-family: 'Open Sans', Arial, Verdana, Sans Serif;
	font-size: 14px;
	font-size: 0.875rem;
  font-weight: 400;
	color: #414141;
	background: #fff;
  -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}
.wrapper {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
  -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ie .wrapper {
	width: 1120px;
}

/*________ HEADER ________*/

.header {
background: #f1f1f1;
padding: 40px 0;
padding: 2.5rem 0;
display: inline-block;
width: 100%;
vertical-align: text-bottom;
margin-bottom: 40px;
margin-bottom: 2.5rem;
}
.header .wrapper {
position: relative;  
}
  
.header .logoSite {
float: left;     
}

.mobileNav {
	display: none;
	border: none;
	background: #747474 url(/images/icon-mobile-nav-open.png) no-repeat center 6px;
	background: #747474 url(/images/icon-mobile-nav-open.png) no-repeat center 0.375rem;
	background-size: 26px 26px !important;
	color: #fff;
	font-size: 8px;
	font-size: 0.5rem;
	outline: none;
	height: 50px;
	height: 3.125rem;
	width: 50px;
	width: 3.125rem;
	padding: 32px 0 0;
	padding: 2rem 0 0;
	border-radius: 4px;
	border-radius: 0.25rem;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	top: 16px;
  top: 1rem;
	right: 16px;
  right: 1rem;
  cursor: pointer;
}
.mobileNav.close {
	background: #171717 url(/images/icon-mobile-nav-close.png) no-repeat center 6px;
	background: #171717 url(/images/icon-mobile-nav-close.png) no-repeat center 0.375rem;
}

/* Solid MultiLevel Css Nav */
.mainNav {
font-size: 16px;
font-size: 1rem;
font-weight: 600;  
list-style: none;
float: right;
padding: 32px 0 0 0;
padding: 2rem 0 0 0;
}
.mainNav li {
	float: left;
	position: relative;
  z-index: 1000;
	list-style: none;
}
/* main level link */
.mainNav a {
	text-decoration: none;
	display: block;
	color: #414141;
  padding: 9px 24px;
  padding: 0.5625rem 1.5rem;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
    
/* main level link hover */
.mainNav .current a, .mainNav li:hover > a {
	color: #fff;
  background: #1c964c;
}
/* sub levels link hover */
.mainNav ul li:hover a, .mainNav li:hover li a {
color: #fff;  
}
.mainNav ul a:hover {
opacity: 0.5;
filter: alpha(opacity=50);  
}
/* level 2 list */
.mainNav ul {
	display: none;
	margin: 0;
	padding: 0 24px 16px;
  padding: 0 1.5rem 1rem;
	width: 200px;
	position: absolute;
	font-size: 14px;
  font-size: 0.875rem;
  background: #1c964c;
}
/* dropdown */
.mainNav li:hover > ul {
	display: block;
}
.mainNav ul li {
	float: none;
	margin: 0;
	padding: 0;
  border-bottom: 1px dotted #ebebeb;
}
.mainNav ul a {
padding-left: 0;
padding-right: 0;
}
/* level 3+ list */
.mainNav ul ul {
	left: 181px;
	top: -3px;
}
/* clearfix */
.mainNav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
  
/*________ CONTENT AREA ________*/

.contentArea {
overflow: hidden;
padding: 0 0 20px 0;
padding: 0 0 1.25rem 0;
position: relative;
}

.contentArea .breadCrumb {
float: right;
font-size: 12px;
font-size: 0.75rem;
line-height: 60px;
line-height: 3.75rem;
}
.contentArea .breadCrumb a {    
color: #414141;
text-decoration: none;
}
.contentArea .breadCrumb a:hover {        
color: #1c964c;
}

.contentArea .shareBar {
float: right;
clear: right;
padding-top: 8px;
padding-top: 0.5rem;
margin-bottom: 32px;
margin-bottom: 2rem;
min-width: 116px; 
}

.contentArea h1 {
	font-size: 32px;
	font-size: 2rem;
	font-weight: 300;
  border-bottom: 1px solid #cecece;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}
.player-stats-view .contentArea h1,
.team-stats-view .contentArea h1 {
margin-bottom: 0;  
}
.contentArea h1 span {
font-size: 16px;
font-size: 1rem;
}

.contentArea .filter {
position: absolute;
top: 0;
right: 0;    
}
.contentArea .filter label {
margin-left: 10px;
margin-left: 0.625rem;
display: inline-block;  
}
.contentArea .filter label:first-child {
margin-left: 0;
}
.contentArea .filter select {
border: 1px solid #cecece;
width: auto;  
}

/*________ CONTENT ________*/

.content {
overflow: hidden;
float: right;
width: 74.55357142857143%;
margin-left: 1.785714285714286%;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.content.full {
float: none;
width: 100%;
margin: 0;
}

.content h2 {
	font-size: 20px;
	font-size: 1.5rem;
  font-weight: 600;
	margin: 0 0 16px;
	margin: 0 0 1rem;
  line-height: 1.2;
}
.content h3 {
 font-size: 16px;
 font-size: 1rem;
 font-weight: 600;
 margin-bottom: 4px;
 margin-bottom: 0.25rem;
}
.content h4 {
font-size: 14px;
font-size: 0.875rem;
padding-bottom: 4px;
padding-bottom: 0.25rem;
}
.content h5 {
font-size: 12px;
font-size: 0.75rem;
padding-bottom: 4px;
padding-bottom: 0.25rem;
}
.content h6 {

}        
.content p {
	margin: 0 0 16px;
	margin: 0 0 1rem;
	line-height: 1.5;
	font-weight: 300;
}
.content ul,
.content ol {
	margin: 0 0 16px 40px;
	margin: 0 0 1rem 2.5rem;
}
.content ul li,
.content ol li {
	line-height: 1.5;
}
.content blockquote {
	font-style: italic;
	margin: 0 40px 16px 40px;
	margin: 0 2.5rem 1rem 2.5rem;
}
.content strong {
font-weight: 700;    
}

.contentLists {
overflow: hidden;
clear: both;  
}
.home .contentLists h3,
.team-stats .contentLists h2,
.scores .contentLists h3 {
border-bottom: 1px solid #f1f1f1;
text-transform: uppercase;
font-size: 12px;
font-size: 0.75rem;
padding: 0;
margin: 0 0 4px 0;
margin: 0 0 0.25rem 0;
  line-height: 1.2;  
}
.contentLists h2 span,
.contentLists h3 span {
font-size: 10px;
font-size: 0.625rem;  
}
.contentLists h2 .all,
.contentLists h3 .all {
float: right;
}
.contentLists .statGroup {
float: left;
margin: 0 1.5% 20px 1.5%;
margin: 0 1.5% 1.25rem 1.5%;  
}
.contentLists .statGroup.left {
clear: left;
}
.contentLists .statGroup dl {
overflow: hidden;
font-size: 11px;
font-size: 0.6875rem;  
}
.contentLists .statGroup dl dt,
.contentLists .statGroup dl dd {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;  
padding: 4px;
padding: 0.25rem;    
}
.contentLists .statGroup dl dt {
float: left;  
}
.contentLists .statGroup dl dd {
display: block;
overflow: hidden;  
}
.contentLists .statGroup dl .even {
background: #f1f1f1;
}
.contentLists .statGroup dl a {
color: #414141;
text-decoration: none;    
}
.contentLists .statGroup dl a:hover {
color: #1c964c;      
}
    
.content table.statsDisplay {
width: 100%;
padding: 0;
border-spacing: 0;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;  
text-align: center;
position: relative;
z-index: 100;      
}
.content table.statsDisplay tr td {
padding: 4px 0;
padding: 0.25rem 0;  
margin: 0;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;  
}
.content table.statsDisplay tr.tableHeadings td {
background: #777;
color: #fff;
font-weight: 600;
border: 0;      
}
.content table.statsDisplay tr.tableHeadings td a {
color: #fff;
text-decoration: none;      
}

.content img.load {
margin: 50px auto;
margin: 3.125rem auto;  
}

.content .pagination {
overflow: hidden;
margin: 0 0 20px 0;
margin: 0 0 1.25rem 0;  
}
.content .pagination ul {
float: right;
list-style-type: none;
}
.content .pagination ul li {
display: inline-block;
margin: 0 0 0 4px;
margin: 0 0 0 0.25rem;  
}
.content .pagination ul li.current {
padding: 2px 5px;
font-weight: bold;  
} 
.content .pagination ul li a {
display: block;
background: #1c964c;  
color: #fff;
padding: 2px 5px;
text-decoration: none;  
}
.content .pagination ul li a:hover {
background: #231f20;
text-decoration: none;
}
.content .pagination p {
overflow: hidden;
padding: 2px 0;
font-size: 12px;
font-size: 0.75rem;  
}

.content .legend {
overflow: hidden;
background: #fafafa;
padding: 10px;
padding: 0.625rem;
font-size: 12px;
font-size: 0.75rem;
}
.content .legend dl {
padding: 0;
margin: 0;      
}
.content .legend dl dt,
.content .legend dl dd {
float: left;
margin-bottom: 8px;
margin-bottom: 0.5rem;      
}
.content .legend dl dt {
float: left;
color: #1c964c;      
font-weight: 600;
width: 3%;      
}
.content .legend dl dd {
width: 17%;      
} 

/*________ Home ________*/

.contentLists.leaders .statGroup {
width: 22%;
}
.contentLists.leaders .disp10 {
min-height: 260px;
min-height: 16.25rem;
}
.contentLists.leaders .disp20 {
min-height: 492px;
min-height: 30.75rem;
}
.contentLists.leaders .disp50 {
min-height: 1240px;
min-height: 77.5rem;
}
.contentLists.leaders .disp100 {
min-height: 2420px;
min-height: 151.25rem;
}
.contentLists.leaders .statGroup dl dd {
text-align: right;
}
.contentLists.split .statGroup dl dt {
width: 47.5%;
margin-right: 5%;  
text-align: right;
}
.contentLists.split .statGroup dl dd {
width: 47.5%;  
}

.playerStats {
margin-bottom: 16px;
margin-bottom: 1rem;
}
.roundsGrab {
padding: 20px 0 8px 0;
padding: 1rem 0 0 0;
}
.roundsGrab h2 {
font-size: 1.25rem;
border-bottom: 1px solid #cecece;
padding-bottom: 8px;
}

/*________ Player Stats ________*/

.content #player_filter {
margin: 0 0 10px 0;
margin: 0 0 0.625rem 0;
overflow: hidden;  
}
.content #player_filter label {
display: inline-block;
width: 9%;
margin: 0;
padding: 4px 0 0 0;
padding: 0.25rem 0 0 0;
text-align: center;  
}
.content #player_filter label.left {
text-align: left;  
}
.content #player_filter input,
.content #player_filter select {
display: inline-block;
width: 25%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;  
border: 1px solid #cecece; 
margin: 0; 
}
.content #player_filter select {
width: 24%;      
}

#playerListings {
overflow: hidden;  
}
#playerListings table {
width: 100%;
padding: 0;
border-spacing: 0;  
margin: 0 0 20px 0;
margin: 0 0 1.25rem 0;  
}
#playerListings table tr td {
margin: 0;
width: 18%;
padding: 8px 1%;
padding: 0.5rem 1%;
border: 0;  
border-bottom: 1px dashed #cecece;  
}
#playerListings table .tableHeadings td {
background: #f1f1f1;
color: #1c964c;
font-weight: 600;
}
#playerListings table .tableHeadings td a {
text-decoration: none;  
}
#playerListings table tr.player td {
cursor: pointer;  
}
#playerListings table tr.player:hover td {
background: #fcfcfc;
font-weight: 600;  
}
#playerListings table tr td.pPosition {
width: 28%;  
}
#playerListings table tr td.pView {
width: 8%;  
text-align: right;  
}
#playerListings table tr td.pView img {
display: inline-block;  
}

.content #playersLoad {
margin: 150px auto;
margin: 9.375rem auto;  
}

.content #playerListings p.noResults {
text-align: center;
}

/*________ Player View ________*/

.contentLists.player .statGroup {
width: 30.33%;
margin-bottom: 40px;
margin-bottom: 2.5rem;      
}

.content #tfsShare {
margin-bottom: 0;	
}
.content .statsByRound {
position: relative;
margin-bottom: 20px;
margin-bottom: 1.25rem;      
}    
.content table.roundStats tr.lart td,
.content table.roundStats tr.reload td {
background: #f2f2f2;
filter: alpha(opacity=80);
opacity: 0.8;      
}
.content table.roundStats tr.reload td {
filter: alpha(opacity=10);
opacity: 0.1;      
}    
    
.content #prsLoad {
position: absolute;
z-index: 500;      
bottom: 1%;
right: 1.5%;
}  
    
/*________ Team View ________*/

.contentLists.team .statGroup {
width: 47%;
margin-bottom: 40px;
margin-bottom: 2.5rem;      
}
    
.content table.clubStats {
margin-bottom: 20px;
margin-bottom: 1.25rem;      
}
.content table.clubStats tr td.headers .current {
text-decoration: underline;      
}
.content table.clubStats tr td.tmPlayer {
text-align: left;
padding-left: 1%;      
}
.content table.clubStats .stat a {
color: #414141;
text-decoration: none;    
}
.content table.clubStats .stat a:hover {
color: #1c964c;      
}  

/*________ LADDER ________*/

.ladder dl {
overflow: hidden;  
}
.ladder .even {
background: #f1f1f1;
}
.ladder .headers {
text-transform: uppercase;
font-weight: 700;
}
.ladder .noFinals {
opacity: 0.75;
}
.ladder dl dt,
.ladder dl dd {
float: left;
width: 7%;
padding: 4px 0.5%;  
}
.ladder dl dt {
clear: left;        
}
.ladder dl dd {
text-align: center;
}
.ladder dl .team {
width: 27%;  
}
.ladder dl a {
color: #414141;
text-decoration: none;
}
.ladder dl a:hover {  
color: #1c964c;
}
.ladder dl .teamNick {
display: none;  
}
.ladder dl .points {
font-weight: 700;    
}

/*________ SCORES ________*/

.contentLists.scores .statGroup {
min-height: 216px;
min-height: 13.5rem;
}
.contentLists.scores .statGroup .win {
font-weight: 600;  
}
.contentLists.scores .statGroup .vs {
margin: 0 1px;          
}

.content table.teamLineup {
width: 50%;
float: left;
font-size: 12px;
font-size: 0.75rem;
margin-bottom: 24px;
margin-bottom: 1.5rem;
}
.content table.statsDisplay.teamAway {
border-left: none;        
}
.content table.teamLineup .luPlayer.headers {
text-align: center;
}
.content .teamHome .luPlayer {
text-align: right;
padding-right: 8px;
padding-right: 0.5rem;          
}
.content .teamAway .luPlayer,
.content .teamHome.teamLeft .luPlayer {
text-align: left;
padding-left: 8px;
padding-left: 0.5rem;
padding-right: 0;          
}
.content table.teamLineup .luPlayer,
.content table.teamLineup .luJersey {
font-size: 14px;
font-size: 0.875rem;    
}
.content table.teamLineup tr.tableHeadings td a {
cursor: default;	
}
.content table.teamLineup tr td {
min-width: 20px;
min-width: 1.25rem;
}
.content table.teamLineup .playerSelection td a {
color: #414141;
text-decoration: none;
}
.content table.teamLineup .playerSelection td a:hover {  
color: #1c964c;
}

.content .scorecard {
overflow: hidden;
clear: both;
text-align: center;
margin-bottom: 24px;
margin-bottom: 1.5rem;
}
.content .scorecard h4,
.content .scorecard h5 {
text-transform: uppercase;  
}
.content .scorecard .scRow {
overflow: hidden;
padding: 8px 0;
padding: 0.5rem 0;
}
.content .scorecard .scRow.even {
background: #f1f1f1;          
}
.content .scorecard .scCol {
float: left;
width: 33.33%;
}
.content .scorecard ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 12px;
font-size: 0.75rem;      
}

/*________ CONTACT US ________*/

.content .contactInfo {
float: left;
width: 47.5%;
margin-right: 5%;
}
.content .contactInfo dl {
overflow: hidden;  
}
.content .contactInfo dl dt {
float: left;
clear: left;
width: 60px;
width: 3.75rem;
margin: 0 0 8px 0;
margin: 0 0 0.5rem 0;          
}
.content .contactInfo dl dd {
display: block;
overflow: hidden;
margin: 0 0 8px 0;
margin: 0 0 0.5rem 0;
}
.content #fc_enquiry_form {
overflow: hidden;      
}

/*________ FORMS ________*/

form,
.wrapper form.elab_form * {
 font-family: 'Open Sans', Arial, Verdana, Sans Serif; 
}
form fieldset {
	border: none;
}
form fieldset legend {
	display: none;
}
form label {
	display: block;
	margin: 0 0 2px 0;
	margin: 0 0 0.125rem 0;
}
form label.checkbox {
	margin: 0 0 8px 0;
	margin: 0 0 0.5rem 0;
}
form input[type="text"],
form input[type="password"],

form input[type="email"],
form select,
form textarea {
	border: 1px solid #c9c9c9;
	color: #414141;
	width: 100%;
  height: 40px;
  height: 2.5rem;
  font-family: 'Open Sans', Arial, Verdana, Sans Serif;
  font-size: 16px;
  font-size: 1rem;
  padding: 0 16px;
  padding: 0 1rem;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 10px 0;
	margin: 0 0 0.625rem 0;
}
form select {
	padding: 6px;
	padding: 0.375rem;
}
form label input {
	margin-right: 5px;
	margin-right: 0.3125rem;
}
form.ocForm fieldset label {
	float: left;
	width: 22%;
	margin-right: 2%;
	line-height: 40px;
  line-height: 2.5rem;
}
form.ocForm fieldset input,
form.ocForm fieldset select,
form.ocForm fieldset textarea {
	width: 76%;
}
form.ocForm fieldset label.checkbox {
	width: auto;
	float: none;
	text-align: left;
	margin-right: 0;
	padding: 0;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1;
}
form.ocForm fieldset label.checkbox input {
	width: auto;
	display: inline-block;
	vertical-align: top;
}

form.ocForm fieldset label.checkbox,
form.ocForm input[type="submit"] {
	margin-left: 24%;
}
      
/*________ FOOTER ________*/

.footer {
overflow: hidden;
padding-bottom: 32px;
padding-bottom: 2rem;
}

.footer .mailList {
border-top: 1px solid #cecece;
border-bottom: 1px solid #cecece;
padding: 20px 0;
padding: 1.25rem 0;
margin-bottom: 32px;
margin-bottom: 2rem;
}
.footer .mailList form {
background: #f1f1f1;
padding: 32px 0;
padding: 2rem 1rem;
text-align: center;
}

.footer .mailList form h4 {
font-size: 20px;
font-size: 1.25rem;
font-style: italic;
font-weight: 400;
margin: 0 0 12px 0;
margin: 0 0 0.75rem 0;
}
.footer .mailList form label {
display: none;          
}
.footer .mailList form input {
display: inline-block;
width: 40%;
margin-right: 6px;
margin-right: 0.375rem;
}


.footer .footPanels {
border-bottom: 1px solid #cecece;
overflow: hidden;
margin-bottom: 12px;
margin-bottom: 0.75rem;
}
.footer .footPanels h4 {
font-size: 16px;
font-size: 1rem;
margin-bottom: 12px;
margin-bottom: 0.75rem;
}
.footer .footPanels ul {
list-style-type: none;      
}
.footer .footPanels .panel {
float: left;
overflow: hidden;
margin-bottom: 28px;
margin-bottom: 1.75rem;
}
.footer .footPanels .panel.about {          
width: 45%;
padding-right: 5%;
}
.footer .footPanels .panel.about p {
font-size: 12px;
font-size: 0.75rem;
padding-bottom: 20px;
padding-bottom: 1.25rem;
}
.footer .footPanels .panel.about ul li {
float: left;
margin-right: 10px;
margin-right: 0.625rem;
}
.footer .footPanels .panel.about ul li:hover {
opacity: 0.8;
}
.footer .footPanels .panel.twitter {          
width: 30%;
padding-right: 5%;  
}
.footer .footPanels .panel.twitter iframe {
width: 100% !important;
min-width: 0 !important;          
}
.footer .footPanels .panel.service {          
width: 50%;
}
.footer .footPanels .panel.service ul {
font-size: 12px;
font-size: 0.75rem;
}
.footer .footPanels .panel.service ul li {                
border-bottom: 1px dotted #cecece;
padding-bottom: 12px;
margin-bottom: 12px;
}
.footer .footPanels .panel.service ul li a {
text-decoration: none;
color: #414141;
}
.footer .footPanels .panel.service ul li a:hover {
color: #1c964c;  
}
 
.footer .copy {
color: #bdbdbd;
font-size: 10px;

font-size: 0.625rem;      
}
.footer .copy a {
color: #bdbdbd;
text-decoration: none;  
}
.footer .copy a:hover {
text-decoration: underline;  
}
    
/*________ MISC ________*/

.wrapper .hide,
.wrapper .contentContainer .hide,
.wrapper .contentContainer .content .hide,
.hide,
.clearBoth {
	display: none;
}
.clearLeft {
clear: left;  
}

.svButton,
form input[type="submit"],
.wrapper form.elab_form input[type="submit"] {
font-family: 'Open Sans', Arial, Verdana, Sans Serif;
font-weight: 400;
font-size: 16px;
font-size: 1rem;    
background: #1c964c;
color: #fff;
padding: 0 28px;
padding: 0 1.75rem;
line-height: 40px;
line-height: 2.5rem;
border: 0;  
display: inline-block;
overflow: hidden;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
text-decoration: none;
border-radius: 0;
}
.svButton:hover,
.wrapper form.elab_form input[type="submit"]:hover {
background: #231f20;
cursor: pointer;
color: #fff;
text-decoration: none;
}
.svButton.small {
padding: 0;
width: 60px;
text-align: center;
font-size: 83%;
text-transform: none;
display: block;
}

.svButton.secondary {
background: #cccccc;
color: #000;
}
.svButton.secondary:hover {    
background: #54b26b;
color: #fff;
}

/*________ Responsive Structure ________*/

/* 1120px */
@media (max-width: 70em) {
	.wrapper {
  	padding: 0 16px;
    padding: 0 1rem;
	}
}

/* 1072px */
@media (max-width: 67em) {
  .mainNav a {
  	padding-left: 16px;
  	padding-left: 1rem;
  	padding-right: 16px;
  	padding-right: 1rem;
 	}
}

/* 976px */
@media (max-width: 61em) {
	.mainNav {
  	font-size: 14px;
   	font-size: 0.875rem;
	}
  .mainNav a {
  	padding-left: 12px;
  	padding-left: 0.75rem;
  	padding-right: 12px;
  	padding-right: 0.75rem;
 	}
}

/* 912px */
@media (max-width: 57em) {
	.contentArea .filter * {
		font-size: 12px;
   	font-size: 0.75rem;
	}
	.contentLists.leaders .statGroup {
		width: 30.33333333333333%;
	}
	.contentLists.player .statGroup {
		width: 47%;
	}
	.content #player_filter *,
	.content table.teamLineup .luPlayer,
	.content table.teamLineup .luJersey {
  	font-size: 12px;
    font-size: 0.75rem;
  }
	.contentArea .filter label {
  	display: none;  
 	}
	.content .legend dl dt {
		width: 5%;      
	}
	.content .legend dl dd {
		width: 20%;      
	} 
	.footer .footPanels .panel.about {          
		width: 100%;
		padding: 0;
	}
	.footer .footPanels .panel.about ul {
  	text-align: center;
 	}
	.footer .footPanels .panel.about ul li {
		float: none;
		display: inline-block;
		margin: 0 4px;
 		margin: 0 0.25rem;
	}
	.footer .footPanels .panel.twitter {
  	width: 45%;
 	}
	.footer .footPanels .panel.service {          
		width: 50%;
	}
}

/* 820px */
@media (max-width: 51.25em) {
	.content table.teamLineup {
		width: 100%;
		float: none;
    margin: 0;
	}
  .content table.statsDisplay.teamAway {
		border-left: 1px solid #ddd;        
	}
}

/* 848px */
@media (max-width: 53em) {
	.header {
  	text-align: center;
  }
	.header .logoSite {
		float: none;
 		display: inline-block;
	}
	.mobileNav {
		display: block;
	}
	.mainNav,
	.home .mainNav {
		display: none;
		clear: both;
		width: 100%;
		width: calc(100% - 32px);
		width: calc(100% - 2rem);
		padding: 8px 20px;
		padding: 0.5rem 1.25rem;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		position: absolute;
		top: 80px;
		top: 5rem;
		left: 16px;
		left: 1rem;
		z-index: 3500;
		border-radius: 4px;
		border-radius: 0.25rem;
		background-color: #171717;
		background-color: rgba(23, 23, 23, 0.9);
	}
	.mainNav li {
		width: 100%;
		text-align: left;
		padding: 0;
	}
	.mainNav li a {
		line-height: 50px;
		line-height: 3.125rem;
		padding: 0;
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	.mainNav li a:hover,
	.mainNav li:hover > a {
		background-color: #171717;
	}
	.mainNav li:last-child a {
		border-bottom: none;
	}
	.mainNav li a::after {
		display: none;
	}
	.mainNav ul {
		width: 100%;
  	padding: 0;
		position: relative;
		top: auto;
		left: auto;
	}
	.mainNav li ul {
		display: none;
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
  	background-color: #171717;
		background-color: rgba(23, 23, 23, 0.9);
	}
	.mainNav li:hover > ul {
		display: block;
	}
	.mainNav li ul li {
		border:0;
	}
	.mainNav li ul li a {
		font-weight: normal;
		padding-left: 16px;
		padding-left: 1rem;
	}
	.mainNav li ul li a:hover {
 		background-color: #111111;
 	}
}
        
/* 744px */
@media (max-width: 46.5em) {
	.content {
		float: none;
		width: 100%;
  		margin: 0 0 20px 0;
		margin: 0 0 1.25rem 0;
	}
  .sidebar {
		width: 100%;
		float: none;
    text-align: center;
	}
	.home .contentArea h1,
	.team-stats .contentArea h1 {
  	margin-bottom: 8px;
   	margin-bottom: 0.5rem;
  }
	.contentArea .filter {
		position: static;
  	float: none;
  	margin-bottom: 20px;
  	margin-bottom: 1.25rem;
  	overflow: hidden;
	}
	.contentArea .filter.view {
   	float: left;
   	width: 50%;
  	padding-top: 8px;
   	padding-top: 0.5rem;
 	}
 	.contentArea .filter select {
  	width: 30%;
  	float: left;
  	margin: 0 1.666666666666667%;
 	}
	.contentArea .filter.teams select {
  	width: 46%;
   	margin: 0 2%;
 	}
	.contentArea .filter.view select {
  	width: 90%;
 	}
	.contentLists.leaders .statGroup {
		width: 47%;
	}
	.content #player_filter label {
		width: 13%;
	}
	.content #player_filter input {
		width: 21%;
	}
	.content #player_filter select {
		width: 20%;      
	}
	#playerListings table tr td {
  	font-size: 12px;
  	font-size: 0.75rem;
	}
	.contentLists.player .statGroup,
	.contentLists.team .statGroup {
		width: 97%;    
	}
	.content table.statsDisplay * {
  	font-size: 12px;
    font-size: 0.75rem;
  }
	.content table.statsDisplay tr td {
 		padding: 8px 0;
    padding: 0.5rem 0;
  }
	.content .legend dl dt {
		width: 8.33%;      
	}
	.content .legend dl dd {
		width: 25%;      
	} 
	.content .contactInfo {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	form.ocForm fieldset label {
    	width: 33%;
    	margin-right: 2%;
  	}
  	form.ocForm fieldset input,
  	form.ocForm fieldset select {
    	width: 65%;
  	}
  	form.ocForm fieldset label.checkbox,
  	form.ocForm input[type="submit"] {
    	margin-left: 35%;
  	}
		.ladder dl {
			font-size: 12px;
    	font-size: 0.75rem;
		}
		.ladder dl .teamDisp {
			display: none;  
		}
		.ladder dl .teamNick {
			display: block;  
		}
}

/* 640px */
@media (max-width: 40em) {
	.content table.statsDisplay.roundStats *,
	.content table.teamLineup {
  	font-size: 11px;
    font-size: 0.6875rem;
  }
  .content table.statsDisplay.roundStats .prPc,
	.content table.statsDisplay.roundStats .prLba,
	.ladder dl .for,
 	.ladder dl .against {
  		display: none;	
 	}
 	.ladder dl .team {
 		width: 25.5%; 	  
	}
	.ladder dl dd {
  	width: 9.5%;      
 	}
}

/* 520px */
@media (max-width: 32.5em) {
	.contentArea .breadCrumb {
		float: none;
		text-align: right;
		line-height: 1;
	}
 	.home .contentLists h2,
	.team-stats .contentLists h2 {
		font-size: 14px;
		font-size: 0.875rem;  
	}
	.contentLists h2 span {
		font-size: 12px;
		font-size: 0.75rem;  
	}
	.contentLists .statGroup dl {
		font-size: 12px;
		font-size: 0.75rem;  
	}
  .contentLists .statGroup dl dt,
	.contentLists .statGroup dl dd { 
		padding: 8px 4px;
		padding: 0.5rem 0.25rem;    
	}
	.contentLists.leaders .statGroup {
		width: 97%;
	}
 	.content #player_filter label {
		display: none;
	}
	.content #player_filter input {
		width: 34%;
	}
	.content #player_filter select {
		width: 31%;
  	margin-left: 2%;
	}
	.content .pagination ul {
		float: none;
  	margin: 0 0 12px 0;
  	margin: 0 0 0.75rem 0;
  	padding: 0;
  	text-align: center;
	}
	.content .pagination ul li {

		margin: 0 2px;
		margin: 0 0.125rem;  
	}
	.content .pagination p {
		padding: 0;
  	text-align: center;
  	clear: both;
	}
	.content table.statsDisplay.clubStats .tmPc,
	.content table.statsDisplay.clubStats .tmLba {
  	display: none;	
  }
	.content .legend dl dt {
		width: 10%;      
	}
	.content .legend dl dd {
		width: 40%;      
	} 
	.footer .mailList form input {
  	width: 48%;
		margin-right: 0.5%;
  	margin-left: 0.5%;
	}
	.footer .mailList form button {
  	width: 97%;
 	}
	.footer .footPanels .panel.twitter,
	.footer .footPanels .panel.service {           
		width: 100%;
		padding: 0;
	}
}

/* 480px */
@media (max-width: 30em) {
	.content table.statsDisplay * {
		font-size: 11px;
		font-size: 0.6875rem;
	  }
	  .content table.statsDisplay.roundStats * {
		font-size: 10px;
		font-size: 0.625rem;
	  }
	.content table.statsDisplay.clubStats .tmTa,
	.content table.statsDisplay.clubStats .tmLb,
	.content table.statsDisplay.clubStats .tmTb,
	.content table.statsDisplay.clubStats .tmOf,
	.content table.statsDisplay.clubStats .tmEr,
	.content table.statsDisplay.roundStats .prTa,
	.content table.statsDisplay.roundStats .prLb,
	.content table.statsDisplay.roundStats .prTb,
	.content table.statsDisplay.roundStats .prOf,
	.content table.statsDisplay.roundStats .prEr,
	.content table.statsDisplay.roundStats .prRm,
	.content table.statsDisplay.teamLineup .luHu,
  .content table.statsDisplay.teamLineup .luRm,
  .content table.statsDisplay.teamLineup .luTk,
  .content table.statsDisplay.teamLineup .luTa,
  .content table.statsDisplay.teamLineup .luLb {
  		display: none;	
  	}
  	.scores-view .content h3 {
		font-size: 85%;	
	}
	.content .scorecard * {
		font-size: 95%;	
	}
	.svButton,
	form input[type="submit"] {
		padding-left: 16px;
		padding-left: 1rem;
		padding-right: 16px;
		padding-right: 1rem;
	}
}

/* 400px */
@media (max-width: 25em) {
	.contentArea h1 {
  	font-size: 24px;
    font-size: 1.5rem;
  }
	form.ocForm fieldset label {
		width: 100%;
 		margin-right: 0%;
    text-align: left;
  	float: none;
  	padding-top: 0;
 	}
  form.ocForm fieldset input,
  form.ocForm fieldset select {
 		width: 100%;
 	}
  form.ocForm fieldset label.checkbox,
  form.ocForm input[type="submit"] {
 		margin-left: 0%;
 	}
}

/* 320px */
@media (max-width: 20em) {
	.header .logoSite img {
		max-width: 90%;
   	height: auto;
	}
	.content table.statsDisplay.clubStats .tmRm {
  		display: none;	
  	}
}


/*! Hint.css (base version) - v1.3.3 - 2014-07-06
* http://kushagragour.in/lab/hint/
* Copyright (c) 2014 Kushagra Gour; Licensed MIT */

.hint,[data-hint]{position:relative;display:inline-block}.hint:before,.hint:after,[data-hint]:before,[data-hint]:after{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0ms;-moz-transition-delay:0ms;transition-delay:0ms}.hint:hover:before,.hint:hover:after,.hint:focus:before,.hint:focus:after,[data-hint]:hover:before,[data-hint]:hover:after,[data-hint]:focus:before,[data-hint]:focus:after{visibility:visible;opacity:1}.hint:hover:before,.hint:hover:after,[data-hint]:hover:before,[data-hint]:hover:after{-webkit-transition-delay:100ms;-moz-transition-delay:100ms;transition-delay:100ms}.hint:before,[data-hint]:before{content:'';position:absolute;background:transparent;border:6px solid transparent;z-index:1000001}.hint:after,[data-hint]:after{content:attr(data-hint);background:#383838;color:#fff;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap}.hint--top:before{border-top-color:#383838}.hint--bottom:before{border-bottom-color:#383838}.hint--left:before{border-left-color:#383838}.hint--right:before{border-right-color:#383838}.hint--top:before{margin-bottom:-12px}.hint--top:after{margin-left:-18px}.hint--top:before,.hint--top:after{bottom:100%;left:50%}.hint--top:hover:after,.hint--top:hover:before,.hint--top:focus:after,.hint--top:focus:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom:before{margin-top:-12px}.hint--bottom:after{margin-left:-18px}.hint--bottom:before,.hint--bottom:after{top:100%;left:50%}.hint--bottom:hover:after,.hint--bottom:hover:before,.hint--bottom:focus:after,.hint--bottom:focus:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--right:before{margin-left:-12px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:before,.hint--right:after{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before,.hint--right:focus:after,.hint--right:focus:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{margin-right:-12px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:before,.hint--left:after{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:bef