@charset "utf-8";
/* Divs Position Index Page */

.container {
width: 980px; 
margin: 0 auto;
}

.header {
width: 980px; 
height: 145px; 
margin: 0 auto;
}

.main {
position: relative;
}

.sidebar1 {
float: left;
width: 310px;
margin-right: 8px;
margin-left: 8px; 
}

.content {
width: 640px;
float: left;
margin-right: 4px;
margin-left: 4px;
padding: 0px; 
}

.contentfw {
width: 964px;
float: left;
margin-right: 4px;
margin-left: 4px;
padding: 0px; 
}

.footer {
padding: 5px 0;
position: relative;
clear: both;
text-align: center;
}

.mobbut{
display:none;
}

.mobbut1{
display:none;
}

/* Divs Position .header */

.topmenu {
float: right;
width: 600px;
height: 42px;
margin-top: 5px; /*sets how far down the page everything (except the background) starts */
margin-right: 4px;
}

.sufcdbtext {
float: right;
width: 832px;
margin-top: 57px;
}

.sam {
float: left;
width: 148px;
height: 180px;
margin-top: -44px;
}

.sufcdb {
float: left;
width: 445px;
height: 37px;
margin-top: -67px;
}

.searching {
float: right ;
width: 265px;
height: 60px;
margin-top: -66px;
}

.prevnext {
float: left;
height: 26px;
width: 166px;
margin-top: -36px;
margin-left: 800px;
padding-left: 10px;
padding-top: 2px;
}

.bn {
padding-left: 7px;
padding-right: 7px;
}


/* Divs Position .content */

.pagetitle {
clear: both;
float: left;
width: 616px;
height: 28px;
margin-top: -36px;
margin-left: 160px;
padding-left: 8px;
text-align: center;
}

.bottomlinks {
clear: both;
float: left;
width: 968px;
height: 22px;
margin-top: -4px;
margin-left: 3px;
margin-bottom: 14px;
padding-left: 2px;
}

.bxfull,
.bxbg1,
.bxbg2, /* Divs Position .sidebar1 */ 
.outstanding {
position: relative;
width:inherit;
padding: 3px;
margin-top: 0;
margin-right: auto;
margin-bottom: 8px;
margin-left: auto;
border-width: 1px;
border-style: solid;
}

.status {
overflow:hidden;
width: 640px ;
margin-left: auto ;
margin-right: auto ;
}

.bxbg3 /* squad */ {
margin-top: 0;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
border-width: 1px;
border-style: solid;
padding: 5px;
}

/* Divs Position Profile */

.playername {
	float: left;
	width: 294px;
	height: 28px;
	text-align: center;
	padding : 3px 10px 3px 10px;
	margin-bottom: 6px 
}

.article {
	float: left;
	width: 290px;
	text-align: center;
	padding : 3px 10px 3px 10px;
	margin-bottom: 2px 
}

/* html codes position */
body {
margin: 0;
padding: 0;
color: #000;
background-image: url(../images/header.png);
background-repeat: no-repeat; 
background-position: 50% 0%;
} 

p,
.para {
margin-top: 0;
padding-right: 15px;
padding-left: 15px;
}

a img {
border: none;
}

/* Tables */

/* league for sidebar */
table.league	{
line-height: 160%;
font-size:85%; 
border-collapse:collapse;
width:100%;
}

table.league th {
color: white;
background: navy;	
font-weight: normal;
}

table.league td {
color: dimgrey;
border-bottom:2px solid #ccc;
}

/* sortable uses code to allow it to be sorted */
table.results,
table.sortable,
table.sorted	{
border-collapse:collapse;
}

table.results th {
    background: none repeat scroll 0 0 white;
    color: navy;
    font-size: 14px;
    font-weight: normal;
    line-height: 25pt;
}

table.sortable th,
table.sorted th {
line-height: 200%;
color: white;
background: navy; 
font-weight: normal;
}

table.results td {
line-height: 24px;
border: 1px solid lightgrey;
padding-left: 5px;
padding-right: 5px; 	
}

table.sortable td,
table.sorted td {
line-height: 200%;
border: 1px solid lightgrey; 	
}

.results tr:nth-child(odd),
.sortable tr:nth-child(odd),
.sorted tr:nth-child(odd) { 
background:#ddd; 
}

/* gt is a simple table grey header */
/* plaintable is simply that */
.plaintable,
.gt {
	width: 100%;
	text-align: left;
	border-collapse: collapse;		
	margin-top: 5px;
}

.gt th {
	text-align: center;
	font-weight: normal;
	font-size:12px;  
	background: #ddd;
	line-height:18px;
	border: 1px solid #ccc;
	color: navy;
}

.gt td  {
	border: 1px solid #ccc;
	padding: .3em;
	font-size:11px; 
	line-height:13px;
	vertical-align:top;
}

.gt caption {
padding: 0 .4em .4em;
text-align: left;
font-size: 14px; 
color: navy;
background: transparent; 
font-weight: bold;
}

.datacentre {
text-align: center;
}

.report {
height: 18px;
vertical-align:middle;	
}

/* Text and style */

body {
font-family: Verdana, Geneva, sans-serif;
}

.smhead {
font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
font-size: 120%;
color: navy;
}

.gt caption,
.playername,
.sufcdbtext,
.pagetitle,
.bottomlinks,
.mainheading, 
.mainheading1,
.sidebarheading,
.subheadingc,
.subheadingd,
.scorec {
font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.scorec {
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 30px;
letter-spacing: 0.1em;
line-height: 30px;
text-align : center;
font-weight: bold;
}

.sufcdbtext {
font-size: 24px;
letter-spacing: 0.01em;
}

.mainheading, 
.mainheading1,
.sidebarheading {
font-size: 20px;
line-height: normal;
font-weight: bold;
margin-left: 8px;
}

.playername,
.pagetitle {
font-size: 22px;
font-weight: bold;
letter-spacing: 0.05em;
}

.article,
.subheadingc {
font-size: 16px;
line-height: 22px;
text-align : center;}

.bottomlinks {
font-size: 14px;
line-height: 20px;
text-align : center;}

.subheadingd {
font-size: 14px;
line-height: 18px;
letter-spacing: 0.05em;
text-align : center;}

.prevnext {
font-size: 14px;
line-height:22px;
font-weight: bold;
letter-spacing: 0.05em;
}


body {
font-size: 12px;
line-height: 1.2;
}

table.results,
table.sortable,
table.sorted,
.squadnames {
font-size: 11px;
}

.greydate,
.smallgrey,
.altth, 
.outstanding  {
font-size: 10px;
}

.footer {
font-size: 9px;
line-height: 13px;
}

.subheading {
line-height: 20px;
}

#a-container,
.smallgrey  {
text-align: center;
line-height: 1.6em;
}

a:link,
a:visited,
a:hover, 
a:active, 
a:focus {
text-decoration: none;
}

/* Colours */

.footer,
.smallgrey {
color: #868692;
}


.sufcdbtext {
color: white;
}

.article,
.playername,
.pagetitle,
.bottomlinks,
.prevnext {
background: navy;
color: white;
}

.altth {
background: navy;
color: yellow;
}

.mainheading, 
.mainheading1,
.sidebarheading,
.subheadingc,
.subheadingd,
.scorec {
color: navy;
}

.bottomlinks a:link,
.bottomlinks a:visited {
color: white;
}

.bottomlinks a:hover {
color: yellow;
}

.sortable th a:link, 
.sortable th a:visited,
.sorted th a:link, 
.sorted th a:visited {
color: white;
}
 
.sortable th a:hover,
.sorted th a:hover {
color: yellow;
}

.results td a:link, 
.results td a:visited,
.sortable td a:link, 
.sortable td a:visited,
.sorted td a:link, 
.sorted td a:visited {
color: black;
}

.bxbg2 a:link, .bxbg1 a:link, p a:link, p a:visited {
    color: #444;
}
.bxbg2 a:hover, .bxbg1 a:hover, p a:hover {
    color: blue;
    text-decoration: underline;
}

.sortable th a:active,
.sortable td a:active,
.sorted th a:active,
.sorted td a:active {
color: red;
}
 
.results td a:hover,
.sortable td a:hover,
.sorted td a:hover,
.squadname a:hover {
color: blue;
text-decoration: underline;
}

a.grey:link,
a.grey:visited, 
a.grey:active, 
a.grey:hover{
color: #44314a;
}

a.bn:active, 
a.bn:hover {
color: yellow;
}

a.bn:link, 
a.bn:visited {
color: white;
}

.bxfull,
.bxbg1,
.bxbg2,
.prevnext,
.bxbg3 /* squad */ {
border-color: navy;
}

.outstanding {
border-color: white;
}

.bxfull,
.pagetitle,
.bottomlinks,
.bxbg1,
.bxbg2,
.prevnext,
.bxbg3 /* squad */ {
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
}

.bxfull,
.pagetitle,
.bottomlinks,
.bxbg1,
.bxbg2,
.prevnext,
.bxbg3 /* squad */ {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

/* Other devices */

.phone {
display: none;
}