html,body {
background:#FFF;
z-index:0;
/*text-align:center;*/
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
line-height:1.6em;
margin:0;
padding:0;
}

img {
border:0;
}

a,a:link,a:visited,a:active {
text-decoration:none;
color:#000;
}

body {
background-color:#fff;
}

table,th,td {
color:#000;
font-size:12px;
}

a:hover {
text-decoration:underline;
color:#00F;
}

a.countrylist:hover {
text-decoration:underline;
}

a.statnews,a.statnews:link,a.statnews:visited,a.statnews:active {
font-size:11px;
text-decoration:none;
color:#000;
text-align:left;
line-height:11px;
}

a.statnews:hover {
color:#000;
}

#description {
font-size:11px;
color:#333;
margin:5px auto;
}

ol,ul {
list-style:none;
margin:0;
padding:0;
}

#homeBg {
width:800px;
background:#FFF;
border:1px solid #DDD;
/*text-align:center;*/
z-index:0;
margin:0 auto;
padding:0;
}

#container {
width:800px!important;
text-align:left;
margin:0 auto 10px;
padding:0 0 10px;
}

#content {
position:relative;
margin:0;
padding:0;
}

#footer_container {
width:800px;
margin:0 auto;
}

#footer {
font-size:11px;
line-height:1em;
position:relative;
text-align:center;
color:#000;
margin:10px auto;
}

#footer a {
font-size:11px;
color:#000;
}

TABLE.stat {
border:0;
margin:3px;
background-color:#CCC;
width:99%;
}

TABLE.nav {
border:0;
background-color:#FFF;
width:98%;
}

TR.trow1 {
background-color:#FFF;
}

TR.trow2 {
background-color:#E0E0E0;
}

TR.trow3 {
background-color:#F0F0F0;
}

TR.trow4 {
background-color:#C0C0C0;
}

TR.trow5 {
background-color:#FC9;
}

TR.trow6 {
background-color:#C8C8C8;
}

TR.trow7 {
background-color:#6495ED;
}

TR.trow8 {
background-color:#F8F8F8;
}

TR.title {
height:18px;
}

.HomeTitle {
  font: bold 70% "Courier New", Courier, monospace;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid White;
  color : #E66D0A;
  font-size: 14pt;
  text-align : center;
}

.tabberlive {
margin-top:1em;
}

ul.tabbernav {
border-bottom:1px solid #778;
margin:0;
padding:3px 0;
}

ul.tabbernav li {
list-style:none;
display:inline;
margin:0;
}

ul.tabbernav li a {
margin-left:3px;
border:1px solid #778;
border-bottom:none;
background:#DDE;
text-decoration:none;
padding:3px .5em;
}

ul.tabbernav li a:link {
color:#448;
}

ul.tabbernav li a:visited {
color:#667;
}

ul.tabbernav li a:hover {
color:#000;
background:#AAE;
border-color:#227;
}

ul.tabbernav li.tabberactive a {
background-color:#fff;
border-bottom:1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover {
color:#000;
background:#FFF;
border-bottom:1px solid #FFF;
}

.tabberlive .tabbertab {
border:1px solid #aaa;
border-top:0;
padding:4px;
}

.tabberlive .tabbertab h3 {
display:none;
color:Green;
}

.tabberlive#tab2 .tabbertab {
height:200px;
overflow:auto;
}

.balloonstyle {
position:absolute;
top:-400px;
left:0;
visibility:hidden;
border:1px solid #000;
font:normal 10px Verdana;
line-height:18px;
z-index:100;
background-color:#FFF;
width:230px;
filter:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
padding:5px;
}

#arrowhead {
z-index:99;
position:absolute;
top:-400px;
left:0;
visibility:hidden;
}

#StatsBarContainer {
width:47px;
height:24px;
margin:0;
}

ul#StatsBar {
width:47px;
height:24px;
list-style:none;
margin:0;
}

ul#StatsBar li {
display:inline;
}

ul#StatsBar li a {
height:24px;
float:left;
text-indent:-9999px;
}

ul#StatsBar li#StatsBarBtn a {
width:47px;
background:url(http://footballgu.cluster003.ovh.net/stats_btn_v2.png) no-repeat 0 0;
}

ul#StatsBar li#StatsBarBtn a:hover {
background-position:0 -24px;
}

h1 {
font-size:15px;
font-weight:700;
color:#777777;
margin-top:3px;
margin-bottom:0px;
padding: 0; 
}

h2 {
font-size:12px;
font-weight:700;
color:#555555;
margin-top:3px;
margin-bottom:0px;
padding: 0; 
}

h3 {
font-size:11px;
font-weight:700;
color:#333333;
margin-top:3px;
margin-bottom:0px;
padding: 0; 
}


form.leaguelist {
font-size:10px;
border:0 none;
margin:0;
padding:0;
}

select.leaguelist {
font-size:11px;
border:1px;
color:#000;
background:#F0F0F0;
list-style:none;
border-style:solid;
margin:0;
padding:0;
}

select.statslist {
max-height:120px;
border:1px;
font-size:11px;
color:#000;
background:#F0F0F0;
list-style:none;
border-style:solid;
margin:0;
padding:0;
}

#btable th {
font-weight:400;
background:#E0E0E0;
border-top:2px solid #B2B2B2;
border-bottom:1px solid #fff;
padding:2px;
}

#btable td {
border-bottom:1px solid #fff;
color:#000;
border-top:1px solid transparent;
padding:2px;
}

#btable .even {
border-top:2px solid #B2B2B2;
background:#E0E0E0;
}

#htable th {
font-weight:400;
background:#E0E0E0;
padding:5px 4px;
}

#htable td {
color:#000;
padding:2px;
}


input,table {
font-size:11px;
color:#555;
}

TABLE.stat2,TABLE.flexstat {
border:0;
background-color:#cccccc;
}

TR.headingblue,TD.headingblue {
height:25px;
background-color:#E6E6E6;
color:#000;
text-align:center;
}

.tabberlive .tabbertabhide,.tabberlive .tabbertab h2 {
display:none;
}

#btable,#htable {
font-size:11px;
width:100%;
text-align:left;
border-collapse:collapse;
margin:0;
}

#btable tr:hover td,#htable .even {
background:#E0E0E0;
}

#btable .odd,#htable .odd {
background:#F0F0F0;
height:22px;
}



.graph {
    width: 20px;
    height: 10px;
    border: 1px solid #aeaeae;
    background-color: #eaeaea;
}

.graphwide {
    width: 33px;
    height: 10px;
    border: 1px solid #aeaeae;
    background-color: #eaeaea;
}

.bargray {
    float:left;
    height:10px;
    margin: 0px;
    display: inline-block;
    position: relative;
    background-color: #cccccc;
    vertical-align: baseline;
}

.bargreen {
    float:left;
    height:10px;
    margin: 0px;
    display: inline-block;
    position: relative;
    background-color: #339933;
    vertical-align: baseline;
}

.barorange {
    float:left;
    height:10px;
    margin: 0px;
    display: inline-block;
    position: relative;
    background-color: #FF9933;
    vertical-align: baseline;
}

.barred {
    float:left;
    height:10px;
    margin: 0px;
    display: inline-block;
    position: relative;
    background-color: #FF0000;
    vertical-align: baseline;
}

.barblue {
    float:left;
    height:10px;
    margin: 0px;
    display: inline-block;
    position: relative;
    background-color: #0000FF;
    vertical-align: baseline;
}


.dgreen {
    float:left;
    height:9px;
    width:5px;
    margin: 0px 1px 0px 1px;
    display: inline-block;
    position: relative;
    vertical-align: baseline;
    background-color: #339933;
}

.dorange {
    float:left;
    height:9px;
    width:5px;
    margin: 0px 1px 0px 1px;
    display: inline-block;
    position: relative;
    vertical-align: baseline;
    background-color: #FFB56C;
}

.dred {
    float:left;
    height:9px;
    width:5px;
    margin: 0px 1px 0px 1px;
    display: inline-block;
    position: relative;
    vertical-align: baseline;
    background-color: #FF0000;
}
TD.troworange{
    background-color : #FFDCB9;
    text-align : center;
}
TD.trowblue{
    background-color : #BCC9E9;
    text-align : center;
}
TD.trowred{
    background-color : #FFACAC;
    text-align : center;
}
TD.trowyellow{
    background-color : #FFFF99;
    text-align : center;
}
TD.trowgreen{
    background-color : #CCFFCC;
    text-align : center;
}


a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:7px 10px;
    margin-top:0px; margin-left:15px;
    width:250px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}

    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}



a.tooltip2 {outline:none; }
a.tooltip2 strong {line-height:30px;}
a.tooltip2:hover {text-decoration:none;} 
a.tooltip2 span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:15px; margin-left:-200px;
    width:300px; line-height:16px;
}
a.tooltip2:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #aaaaaa; background:#eeeeee;}

    
/*CSS3 extras*/
a.tooltip2 span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}
  











/* Sortable tables */
table.sortable thead {
    height:25px;    
    background-color:#d0d0d0;
    color:#666666;
    font-weight: bold;
    text-align:center;    
    cursor: default;
}
table.sortable th {
    text-align:center;    
    height:25px;    
}

table.sortable tbody tr:nth-child(2n) td {
   /* background: #dddddd; */
border-bottom:1px solid #fff;
color:#000;
border-top:1px solid transparent;
padding:2px;   
}
table.sortable tbody tr:nth-child(2n+1) td {
   /* background: #eeeeee; */
border-bottom:1px solid #fff;
color:#000;
border-top:1px solid transparent;
padding:2px;   
}





table.sortable tr:hover td,#htable .even {
background:#E0E0E0;
}

table.sortable .odd,#htable .odd {
background:#F0F0F0;
height:22px;
}

.column_300 {
    float: left;
    padding: 7px;
    width: 300px;
} 
.column_350 {
    float: left;
    padding: 7px;
    width: 340px;
} 
.column_400 {
    float: left;
    padding: 7px;
    width: 380px;
} 
.column_450 {
    float: left;
    padding: 7px;
    width: 430px;
} 
.column_500 {
    float: left;
    padding: 7px;
    width: 465px;
} 
.column_100pct {
    float: left;
    margin: 5px;
    padding: 15px;
    width: 100%;
} 



/* TABS */

.widget {
  position: relative;
  margin: 50px auto;
  width: 320px;
  background: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.07);
}

.widget-tabs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 9px 12px 0;
  text-align: left;
  /* Make the last tab in the DOM the left-most tab on the screen.
     That way we can activate it by default and still be able to
     deactivate it later using the ~ selector. */
  direction: rtl;
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
  border-radius: 3px 3px 0 0;
}

.widget-tab,
.widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child ~ .widget-tab,
.widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2) ~ .widget-tab,
.widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child ~ .widget-tab {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
  line-height: 36px;
  font-weight: normal;
  color: #999;
  background: #fcfcfc;
  border: solid #ddd;
  border-width: 1px 1px 0;
  border-radius: 5px 5px 0 0;
  /* Reset %active-widget-tab */
  padding-bottom: 0;
  bottom: auto;
}
.widget-tab > .widget-tab-link,
.widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child ~ .widget-tab > .widget-tab-link,
.widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2) ~ .widget-tab > .widget-tab-link,
.widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child ~ .widget-tab > .widget-tab-link {
  margin: 0;
  border-top: 0;
}

.widget-tab + .widget-tab {
  margin-right: -1px;
}

.widget-tab:last-child,
.widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child,
.widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2),
.widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child {
  bottom: -1px;
  margin-top: 0;
  padding-bottom: 2px;
  line-height: 34px;
  font-weight: bold;
  color: #555;
  background: white;
  border-top: 0;
}
.widget-tab:last-child > .widget-tab-link,
.widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child > .widget-tab-link,
.widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2) > .widget-tab-link,
.widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child > .widget-tab-link {
  margin: 0 -1px;
  border-top: 4px solid #4cc8f1;
}

/* Deactivate the default tab when a preceding tab is activated. */
.widget-tab-link {
  display: block;
  min-width: 60px;
  padding: 0 15px;
  color: inherit;
  text-align: center;
  text-decoration: none;
  border-radius: 4px 4px 0 0;
}

.widget-list {
  display: none;
  padding-top: 50px;
  /* The last list is activated (visible) by default. */
}
.widget-list > li + li {
  border-top: 1px solid #e8e8e8;
}
.widget-list:last-of-type {
  display: block;
}
.widget-list:target {
  display: block;
  /* Hide the default list when another is activated. */
  /* First list activates the first tab, second list activates the second tab, etc. */
}
.widget-list:target ~ .widget-list {
  display: none;
}

.widget-list-link {
  display: block;
  line-height: 18px;
  padding: 10px 12px;
  font-weight: bold;
  color: #555;
  text-decoration: none;
  cursor: pointer;
}
.widget-list-link:hover {
  background: #f7f7f7;
}
li:last-child > .widget-list-link {
  border-radius: 0 0 3px 3px;
}
.widget-list-link > img {
  float: left;
  width: 32px;
  height: 32px;
  margin: 2px 12px 0 0;
}
.widget-list-link > span {
  display: block;
  font-size: 11px;
  font-weight: normal;
  color: #999;
}
/* end of TABS */