@charset "utf-8";
/* CSS Document */

/* colors used:
red: #db0000
yellow:  #fafa0a
highlight: #f8e403
light grey: #fafafa
white: #ffffff (rows)
grey:  #f4f3f3 (alternate rows)
*/
html{
  width: 100%
}
body{
  width: 100%;
  margin: 0px;
  padding: 0px;
  color: #000000;
  font-size: 7pt;
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #ffffff;
  background-image: url(../images/layout/background-bg2.gif);
  background-repeat: repeat-x;
  background-position: top left;
  cursor: default;
}

h1{
  font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
  font-size: 14pt;
  font-weight: bold;
  color: #db0000;
}

h2{
  font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
  font-size:1.167em;
  letter-spacing: 2pt;
  font-weight: bold;
}

h3{
  font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
  font-size:1.167em;
  font-weight: normal;
  letter-spacing: 1pt;
}

h4{
  font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
  background-image: url(../images/layout/header.png);
  background-position: left top;
  background-repeat: no-repeat;
  padding: 7px 0px 0px 16px;
  width: 100%;
  height: 30px;
  text-decoration: none;
  color: #ffffff;
}

h5 {
  font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
  font-size:1.167em;
  line-height:1.571em;
  word-spacing:2px;
}

p{
  text-align: justify;
  font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
  font-size:1.167em;
  line-height:1.571em;
  padding-bottom:10px;
  word-spacing:2px;
}

a{
  outline: none;
  text-decoration: none;
}
a:hover {
  outline: none;
  text-decoration: underline;
}
a img{
  border: 0px;
}

div.layout{
  width: 944px;
  margin: 0px auto;
}

#topmost{
  width: 100%;
  color: #ffffff;
  background-color: #000000;
  height: 20px;
  margin: 0px;
  border: 0px;
}

#topmost span,
#topmost a{
  color: #fafa0a;
}

#toparea{
/*  background-image: url("../images/banner/rotate.php"); */
  background-image: url("../images/banner/WebsiteBanner.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  width: 100%;
  height: 115px;
  border-bottom: 0px solid #ffffff;
  background-color: transparent;
}

#mainarea{
  width: 100%;
  min-height: 500px;
  background-color:transparent;
  background-position: top;
  padding-top: 0px;
  position: relative;
}

div.footer{
  clear: both;
  padding-left:150px;
  padding-top:15px;
  padding-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  background-color: #db0000;
}

div.footer img{
  border: 0px;
}

div.footer img:hover{
  border: 0px;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
}

div.footerText span{
  float: right;
  font-size: 10pt;
  color: #000000;
  padding: 30px;
}

div.footerText a{
 font-size: 10pt;
 color: #000000;
 text-decoration:underline;
}

#content ul{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#content ul li{
  float: left;
}

#content ul li.divider{
  width: 11px;
  height: 370px;
  background-image: url(../images/layout/vertline2.png);
  background-repeat: no-repeat;
  background-position: top center;
  top: -9px;
  margin: 0px;
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}

#content #left{
  width: 220px;
  padding-top: 5px;
  padding-right: 0px;
  font-size: 9pt;
}

#content #right{
  width: 660px;
  padding-top: 5px;
  padding-left: 0px;
  font-size: 9pt;
}

#content a{
  color: #db0000;
}

/* horizontal-menu */
#navlist {
  position: relative;
  top: 72px;
  left: 150px;
  width:100%;
  padding-bottom: 0px;
  white-space: nowrap;
  height: 15pt;
}

#navlist li {
  vertical-align: middle;
  display: inline;
  list-style-type: none;
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
  font-size: 11pt;
}

#navlist li a {
  color: #f8e403;
  text-decoration: none;
}

#navlist li a:hover {
  color: #fafa0a;
}

#navlist li #selected  {
  color: #ffffff;
}
/* horizontal-menu end */

/* vertical-menu */
ul #submenu{
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: 9pt;
}

ul #submenu li{
  width: 200px;
  margin: 0px;
  margin-bottom: 0px;
  float: none;
  text-align: left;
}

ul #submenu li a{
  display: block;
  background-color:#db0000;
  background-image: url("../images/layout/v1.jpg");
  background-position: left top;
  background-repeat: no-repeat;
  padding: 0px;
  padding-top: 5px;
/*   margin-bottom : -5px; */
  text-indent: 15px;
  width: 213px;
  height: 23px;
  text-decoration: none;
  color: #fbe000;
}

ul #submenu li a:hover {
  color: #db0000;
  background-image: url("../images/layout/v4.jpg");
  background-color: #fbe000;
}

ul #submenu li #selected {
  color: #fbe000;
  background-image: url("../images/layout/v2.jpg");
  background-color: #db0000;
}

/* vertical-menu end */

#listholder{
  width: 100%;
  height: 165px;
}

#pagination{
  float: right;
  width: 600px;
  margin-right: 0px;
}

/* index page */
div.menuHolder{
   background: url('../images/layout/background.jpg') repeat-x;
   width: 213px;
   height: 135px;
   position: relative;
   overflow: hidden;
   border: 1px solid #db0000;
}

div.indexHeader {
  width: 100%;
  top: 20px;
  background-color: #db0000;
  font-size: 10pt;
  color: #ffffff;
  font-weight: bold;
  text-align: left;
  vertical-align:middle;
  padding-left: 10px;
}
/* end of index page */

/*  images on index */
div.indexHolder {
  margin: 0px;
  padding-bottom: 10px;
  overflow: hidden;
  position: relative;
  width: 315px;
}

div.indexBG{
   background: url('../images/layout/background.jpg') repeat-x;
   border: 1px solid #db0000;
}

div.LogoBG{
   background: url('../images/layout/members.jpg') no-repeat;
}

div.NurseyBG{
   background: url('../images/layout/nursery.jpg') no-repeat;
}

span.indexTextLinks{
  display: block;
  padding: 5px;
  margin: 5px;
  height: 100%;
  font-size:10pt;
  text-align: left;
  font-weight: bold;
  line-height: 150%;
  word-spacing: 3px;
  color: #ffffff;
}

span.indexTextLinks a{
  text-decoration: none;
  color: #ffffff;
}

span.indexTextLinks a:hover{
  text-decoration: underline;
  color: #ffffff;
}

div.indexHolder img{
  margin-right: 1px;
  padding: 0px;
  border: 1px solid #db0000;
}

div.indexHolder img:hover{
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
}
/*  end of images on index */
/* next and last match */
div.matchesCompetition {
  color: #ffffff;
  width: 100%;
  font-size: 10pt;
  font-weight: bold;
  text-align:center;
  vertical-align:middle;
}

div.matchesMiddleHolder {
  /* width: 100%; */
  height: 70px;
}
div.matchesClubs {
  width: 72px;
  height: 70px;
  float: left;
  font-size: 7pt;
  color: #fafa0a;
  font-weight: bold;
  text-align:center;
  vertical-align:middle;
}

div.matchesScore {
  width: 63px;
  height: 70px;
  float: left;
  font-size: 18pt;
  color: #fafa0a;
  font-weight: bold;
  text-align:center;
  vertical-align:middle;
  padding-top: 10px;
}

div.matchesFooter {
   vertical-align:bottom;
  text-align:center;
  width:100%;
  font-size: 8pt;
  font-weight: bold;
  position: absolute;
  bottom:2px;
  color: #ffffff;
  /*background-color: #db0000; */
}

a.matchesReport:link, a.matchesReport:visited {
 font-size: 8pt;
 color: #ffffff;
}

a.matchesReport:link:hover{
 font-size: 8pt;
 color: #FFFF00;
}
/* next and last match end */

/* image for news article */
#newsimage{
  /*width: 517px;*/
  height: 230px;
  background-color: #222222;
  border: 1px solid #db0000;
  margin-top:15px;
  margin-bottom:5px;
  margin-right:15px;
  margin-left:0px;
  float:left;
}
/* end of image for news article */

/* news on index */
table.allNews {
  width: 100%;
}

div.newsStory {
  position: relative;
  height: 233px;
  background-color: #fafafa;
  border: 5px solid #db0000;
  overflow: hidden;
}

div.newsStory a:hover{
 text-decoration: underline;
}

div.newsStory img:hover{
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
}

div.newsStoryLeft {
  width: 305px;
  border-right-width: 0px;
}

div.newsStoryRight {
  width: 341px;
  border-right-width: 4px;
}

div.newsImage {
  position: relative;
  background-repeat: repeat;
  height: 230px;
  width: 303px;
  border: 1px solid #ffffff;
  overflow: hidden;
}

div.newsBox {
  position: absolute;
  height: 42px;
  width: 305px;
  bottom: 0px;
  background-color: #fafafa;
  /* for IE */
  filter:alpha(opacity=95);
  /* CSS3 standard */
  opacity:0.95;
  overflow: hidden;
}

div.newsBox span {
 font-size:10pt;
 font-family:Arial;
 font-weight:bold;
 margin: 5px;
 color: #db0000;
}

div.newsItem{
  position: relative;
  height: 45px;
  border: 1px solid #db0000;
  text-decoration: none;
}

div.newsItem a:hover{
 text-decoration: underline;
}

h1.newsHeading a{
 text-decoration: none;
 margin-top: -15px;
}

h1.newsHeading a:hover{
 text-decoration: underline;
}

img.newsImg{
  width: 120px;
  height: 90px;
  float: left;
  margin-right: 20px;
  border: 1px solid #db0000;
}

span.newsTitle{
  text-decoration: none;
  font-size:10pt;
  font-family:Arial;
  font-weight:bold;
  color: #db0000;
  position:absolute;
  left: 62px;
  top: 0;
}

span.newsDate{
  font-size:8pt;
  font-family:Arial;
  font-weight: normal;
  color:#000000;
  position:absolute;
  bottom: 0px;
  left: 62px;
}

span.readMore{
  font-size:8pt;
  font-family:Arial;
  font-weight: normal;
  color: #000000;
  position:absolute;
  bottom:0px;
  right: 5px;
  text-decoration: none !important;
}

span.readMore:hover{
  color: #db0000;
}
/*  end of news on index */

table.fixtures{
  border: 1px solid #db0000;
  border-collapse:collapse;
  text-align: center;
  font-size: 8pt;
  width: 100%;
  padding: 0;
  margin: 0 auto 1.5em auto;
}
table.fixtures th {
  font-weight : bold;
  font-size:  8pt;
  border-right: 1px solid #db0000;
  border-bottom: 1px solid #db0000;
  border-top: 1px solid #db0000;
  letter-spacing: 1px;
  padding: 2px 2px 2px 2px;
  background:#f8e403;
  color: #db0000;
  text-align: center;
  min-height: 25px;
}

table.fixtures th.sortable,
table.fixtures th.sortable-text,
table.fixtures th.sortable-date,
table.fixtures th.sortable-keep,
table.fixtures th.sortable-date-dmy,
table.fixtures th.sortable-numeric,
table.fixtures th.sortable-currency,
table.fixtures th.sortable-sortByTwelveHourTimestamp,
table.fixtures th.sortable-sortIPAddress,
table.fixtures th.sortable-sortEnglishLonghandDateFormat,
table.fixtures th.sortable-sortScientificNotation,
table.fixtures th.sortable-sortImage,
table.fixtures th.sortable-sortFileSize,
table.fixtures th.sortable-sortAlphaNumeric,
table.fixtures th.sortable-sortEnglishDateTime {
  cursor:pointer;
  background: #f8e403 url(../images/layout/sortable.png) no-repeat left 16px;
  padding: 4px 2px 4px 16px;
}

table.fixtures th.forwardSort {
  background: #f8e403 url(../images/layout/down.png) no-repeat left 16px;
  padding: 4px 2px 4px 16px;
}
table.fixtures th.reverseSort {
  background: #f8e403 url(../images/layout/up.png) no-repeat left 16px;
  padding: 4px 2px 4px 16px;
}

table.fixtures thead th.forwardSort a,
table.fixtures thead th.reverseSort a {
  text-decoration:none;
  background-color: #f8e403;
}

table.fixtures th a {
  text-decoration:none;
}

table.fixtures td{
  padding: 5px;
  border: 1px solid #db0000;
}

.newsRow,
table.fixtures tr{
  background-color: #ffffff;
}
.newsRowAlternate,
table.fixtures tr.alt,
table.fixtures tr.alternate{
  background-color:  #f4f3f3;
}

.highlight,
table.fixtures tr.highlight{
  background-color: #f8e403;
}

img.playerStats {
 border: 1px solid;
 width: 42px;
 height: 34px;
 float: left;
}

/* wallpaper in player's profile */
div.wallpaper {
  border: 5px solid #db0000;
  width: 570px;
  height: 116px;
}

div.wallpaper a {
  text-decoration: none;
  text-align:center;
  font-family: 'Arial Black', Arial;
  font-weight:bold;
  font-size: 20pt;
  display: block;
  line-height: 28px
}

div.wallpaper a img{
  height: 116px;
  float: right;
}
/* wallpaper in player's profile end*/

/* squad photos */
table.squad{
 background-color: #000000;
 color: #ffffff;
}

img.squad {
  border: 3px solid #ca0000;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
  width: 143px;
  height: 113px;
}

img.squad:hover{
  /* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1;
}

span.squadlink a{
  font-size: 9pt;
  text-decoration:none;
  width:100%;
  line-height: 15px;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
}

span.squadlink a:hover{
  font-size: 10pt;
  font-weight:bolder;
  color: #ffb500;
  width:100%;
  line-height: 15px;
  /* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1;

}
span.squadnumber {
  font-size: 9pt;
  color: #db0000;
  width:100%;
  line-height: 15px;
}

span.squadsurname {
  font-size: 9pt;
  color: #ffffff;
  width:100%;
  line-height: 15px;
}
span.squadposition {
  font-size: 9pt;
  color: #f8e403;
  text-decoration:none;
  width:100%;
  line-height: 15px;
}

span.squadheader {
  font-size: 15pt;
  color: #f8e403;
}
/* squad photos end*/

img.contact {
  border: 2px solid #db0000;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
  height: 1%;
}

#standingsList {
  padding: 0px;
  margin: 0px;
  text-align: left;
  width:101%;
}

#standingsList li, #standingsList ul {
  margin:0px;
  padding:0px;
}

#standingsList li {
  font-size: 10pt;
  list-style: none;
  width: 49%;
  float: left;
  border: 1px solid silver;
}