h1 {color:#FFE47A; font-size:1.5em; text-shadow: 1px 2px 0 black;white-space:nowrap;}
h1.a {color:#FFE47A;}
	
div#main {
	margin: 0 auto;
	font-family: Geneva,Calibri,Tahoma,Helvetica,Arial,sans-serif;
	padding: 0.5em 1em 1em 1em;
	table-layout: fixed;
	overflow-x: auto; 
	/* rounded corners */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /* gradient */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#808080));
    background-image: -moz-linear-gradient(top, #606060, #808080);
	background-image: -ms-linear-gradient(top, #606060, #808080);
	background-image: linear-gradient(to bottom, #606060, #808080);
    /* box shadows */
    -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
    box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
    }
	
div#main h2 {color:#FFE47A; font-size:1.35em; text-shadow: 1px 2px 0 black;}
div#main h3 {color:#FFE47A; font-size:1.2em; text-shadow: 1px 2px 0 black;}

a.sea {text-decoration:none;color:inherit;}
a.sea:hover {text-decoration:inherit;color:inherit;}
a.sea:active {text-decoration:underline;color:blue;}
a.sea:focus {text-decoration:underline;color:blue;}

a.plink {
	display:inline;
	text-decoration:none;
	text-shadow: 1px 1px 0 black;
	color:#FFE47A;
	padding:0 2px;}
a.plink:hover {text-decoration:underline;color:#FFE47A;}

a.qlink {
	display:inline;
	text-decoration:none;
	color:inherit;}
a.qlink:hover {text-decoration:underline;color:#FFE47A;}


/** TABLE.FIXTURE **/
table.fixture {
    /** width: 100%; **/
    text-align:center;
    color: #404040;
	border-collapse:separate; 
	border-spacing:0;		
	overflow-x: visible; 
	}

 /*** header ***/
table.fixture thead tr td  {
    background-color: #efefef;
	text-align:left;
    vertical-align:middle;
    padding: 0.6em;
    font-size:0.8em;
    }
 
 table.fixture thead tr th {
    padding: 0.5em;
	color: #dadada;
	text-shadow: 1px 1px 0 black;
    background-color: #808080;
    background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#909090));
    background: -moz-linear-gradient(top, #606060, #909090);
	background: -ms-linear-gradient(top, #606060, #909090);
    }

/*** cells ***/	
 table.fixture tbody td {
	vertical-align:middle;
	max-height:24px; 
	text-align:center;
	white-space: nowrap; /*  */
	max-width:37px; 
	padding:4px 4px; /* 0.25em 0.1em; */
	box-sizing:border-box; -moz-box-sizing:border-box;
    }

table.fixture tbody a {
	display:block;
	}
/*** rows ***/
table.fixture tbody tr:nth-child(odd) {
    background-color: #fafafa;
    }

table.fixture tbody tr:nth-child(even) {
    background-color: #efefef;
    }
	
/*** hover effect ***/
table.fixture tbody {cursor:url("../../empty.cur"),url("empty.cur"),pointer;}
	 
table.fixture tbody td:hover  {
	color: #FFE47A; 
	text-shadow: 2px 2px 2px black;
	box-shadow:inset 2px 2px 2px 2px rgba(0,0,0,0.5); 
	-moz-box-shadow:inset 2px 2px 2px 2px rgba(0,0,0,0.5); 
    -webkit-box-shadow:inset 2px 2px 2px 2px rgba(0,0,0,0.5); 
	}
	
	table.fixture tbody tr:hover td:first-child {
    color:#FFE47A;	
	text-shadow: 2px 1px 2px black;
    }

	table.fixture tbody tr:hover td:nth-last-of-type(-n+4) {
    color: #FFE47A; 
	text-shadow: 2px 1px 1px black;
	}

	table.fixture tbody tr:hover {
    background-color: #808080;
	background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#909090)); 
	background: -moz-linear-gradient(top, #606060,#909090);
	background: -ms-linear-gradient(top,#606060, #909090);
	}
/*** columns ***/	
table.fixture tbody td:first-child {
    padding: inherit 0.2em;
    white-space:nowrap;
	overflow-x:hidden;
    }
	
table.fixture tbody td:nth-child(2) {
    border-left: solid 1px #606060
    }

table.fixture tbody td:last-child {
    border-right: solid 1px #303030;
    overflow-x:hidden;
	}

/*** footer ***/

table.fixture tfoot tr td {
    text-align:left;
	color: #303030;
	padding:0.5em 0.5em 1em 0.5em;
    text-shadow: 0 1px 1px rgba(255,255,255,0.3);
	border-top: solid 1px #303030;
	 }

table.season tbody td:first-child {
    text-align: left;
	overflow-x: hidden !important;
	}
	
/* class style */	

th.team {width:10em; min-width:8.2em; text-align:left; overflow-x:hidden; white-space:nowrap;}
th.sm {width:1.6em;}
th.mid {width:2.8em;}
th.wide {width:7.5em; min-width:6em; overflow-x:hidden; }
th.xwide{width:12.5em; min-width:6em; white-space:nowrap;}
th.gap {width:0.2em;}

td.gap {width:0.2em; border-right:solid 1px #303030; cursor:default;}	
td.empty {height:5px; border-left:none !important; cursor:default; } 
td.club {text-align:left !important; white-space:nowrap; padding-left:1em; overflow-x:hidden;}
td.spanner {cursor:default;} 

td.h {font-weight:bold;}
td.a {font-weight:normal;}
td.n {font-style:italic;}

td.w {background-color:#819FF7; 
	background: -webkit-gradient(linear, left top, left bottom, from(#748FDE), to(#8EA9F8));
	background: -moz-linear-gradient(top,#748FDE,#8EA9F8);
	background: -ms-linear-gradient(top,#748FDE,#8EA9F8);} 
	
td.d {background-color:#CFCFCF; 
	background: -webkit-gradient(linear, left top, left bottom, from(#BABABA), to(#D4D4D4));
	background: -moz-linear-gradient(top,#BABABA,#D4D4D4);
	background: -ms-linear-gradient(top,#BABABA,#D4D4D4);} 

td.l {background-color:#F78181;
	background: -webkit-gradient(linear, left top, left bottom, from(#DE7474), to(#F88E8E));
	background: -moz-linear-gradient(top,#DE7474,#F88E8E);
	background: -ms-linear-gradient(top,#DE7474,#F88E8E);} 

	/* legacy pso */
#dl {background-color:#CFCFCF; 
	background: -webkit-gradient(linear, left top, left bottom, from(#BABABA), to(#D4D4D4));
	background: -moz-linear-gradient(top,#BABABA,#D4D4D4);
	background: -ms-linear-gradient(top,#BABABA,#D4D4D4);
	border:4px solid #F78181; 
	padding:0;}	
	
#dw {background-color:#CFCFCF; 
	background: -webkit-gradient(linear, left top, left bottom, from(#BABABA), to(#D4D4D4));
	background: -moz-linear-gradient(top,#BABABA,#D4D4D4);
	background: -ms-linear-gradient(top,#BABABA,#D4D4D4);
	border:4px solid #819FF7; 
	padding:0;}	
	
#wl {background-color:#819FF7; 
	background: -webkit-gradient(linear, left top, left bottom, from(#748FDE), to(#8EA9F8));
	background: -moz-linear-gradient(top,#748FDE,#8EA9F8);
	background: -ms-linear-gradient(top,#748FDE,#8EA9F8);
	border:4px solid #F78181; 
	padding:0;}	

#ww {background-color:#819FF7; 
	background: -webkit-gradient(linear, left top, left bottom, from(#748FDE), to(#8EA9F8));
	background: -moz-linear-gradient(top,#748FDE,#8EA9F8);
	background: -ms-linear-gradient(top,#748FDE,#8EA9F8);
	border:4px solid #819FF7; 
	padding:0;}		
	
#lw {background-color:#F78181;
	background: -webkit-gradient(linear, left top, left bottom, from(#DE7474), to(#F88E8E));
	background: -moz-linear-gradient(top,#DE7474,#F88E8E);
	background: -ms-linear-gradient(top,#DE7474,#F88E8E);
	border:4px solid #819FF7; 
	padding:0;}	 

#ll {background-color:#F78181;
	background: -webkit-gradient(linear, left top, left bottom, from(#DE7474), to(#F88E8E));
	background: -moz-linear-gradient(top,#DE7474,#F88E8E);
	background: -ms-linear-gradient(top,#DE7474,#F88E8E);
	border:4px solid #F78181; 
	padding:0;}	 	
	
/* new pso 
td.pw {border:4px solid #819FF7; padding:0;}
td.pl {border:4px solid #F78181; padding:0;}
*/

td.gold {background-color:#D4AF37;
	background: -webkit-gradient(linear, left top, left bottom, from(#D4AF37), to(#DDBF5F));
	background: -moz-linear-gradient(top,#D4AF37,#DDBF5F);
	background: -ms-linear-gradient(top,#D4AF37,#DDBF5F);	
	text-shadow:none;
	color:inherit;}
td.silver {background-color:#C0C0C0;
	background: -webkit-gradient(linear, left top, left bottom, from(#C0C0C0), to(#DDDDDD)); 
	background: -moz-linear-gradient(top,#C0C0C0,#DDDDDD);
	background: -ms-linear-gradient(top,#C0C0C0,#DDDDDD);	
	text-shadow:none;
	color:inherit;}
td.bronze {background-color:#B89470;
	background: -webkit-gradient(linear, left top, left bottom, from(#B89470), to(#C6A98D));
	background: -moz-linear-gradient(top,#B89470,#C6A98D);
	background: -ms-linear-gradient(top,#B89470,#C6A98D);	
	text-shadow:none;
	color:inherit;}