@import url(nav.css);
@import url(table.css);
@import url(text.css);
@import url(layout.css);
@import url(articles.css);
@import url(events.css);
@import url(photos.css);
@import url(squad.css);
@import url(programme.css);

s*
{
   margin: 0;
   padding: 0;
}

body
{
   background-color: Black;
   color: White;
}

#wrapper
{
   width: 960px;
   margin: 10px auto;
   background: #D1CCCC; /* Right Column Colour*/
   border: 1px solid #000;
   text-align: left;
   font-size: 85%; /* arial looks better with a smaller size */
   font-family: arial, helvetica, sans-serif;
}

#header, #footer
{
   background: Black;
   color: White;
   width: 960px;
   clear: both;
}

#header
{
   height: 84px;
}

#headerControl
{
   height: 39px;
   background-color: Black;
   background-image: url(Images/bg_headercontrol.jpg);
   background-repeat: repeat-x;
}

#headerControl img
{
   border-width: 0;
}

#footerSponsors
{
   vertical-align: text-bottom;
   background-color: #595757; /*#595757*/
   color: White;
   font-family: Arial;
   font-size: xx-small;
   text-align: center;
}

#footer
{
   vertical-align: text-bottom;
   background-color: Black; /*#595757*/
   color: White;
   font-family: Arial;
   font-size: xx-small;
   text-align: center;
}

#footer a
{
   /*color: #595757;*/
   color: White;
   font-family: Arial;
   font-size: xx-small;
   text-align: center;
   text-decoration: none;
   vertical-align: bottom;
}

#inner
{
   margin-right: 160px;
   background: #D1CCCC; /* Left Column Colour*/
   border-right: 1px solid #fff;
}

#middle
{
   background: White; /* Centre Column Colour*/
   margin-left: 160px;
   border-left: 1px solid #fff;
   color: Black;
}

#content, #content2
{
   position: relative;
   width: 100%;
   float: left; /* contain clearing*/
}

#content2
{
   margin: 0 -1px; /* moz needs this*/
}

#content
{
   position: relative;
   float: left; /* contain clearing*/
   width: 100%;
}

#left
{
   width: 160px;
   margin-left: -159px; /*overlap for old mozilla*/
   position: relative;
   left: -1px; /* now line it up*/
   float: left;
}

#right
{
   width: 160px;
   margin-right: -159px; /*overlap for old mozilla*/
   position: relative;
   left: 1px; /* now line it up*/
   float: right;
   text-align: center;
}

* html #left
{
   margin-right: -3px;
}
/* 3 pixel jog*/
* html #right
{
   margin-left: -3px;
}
/* 3 pixel jog*/


/* clear without structural mark-up */
.clearfix:after
{
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.clearfix
{
   display: inline-block;
}

/* mac hide - force layout in ie \*/
* html .clearfix, * html #inner, * html #middle
{
   height: 1%;
}

.clearfix
{
   display: block;
}

/* End hide */
p.expand a
{
   color: #fff;
   display: block;
   clear: both;
}
p.expand a:hover
{
   height: 200px;
}

#content p img
{
   float: right;
}

.inside
{
   padding: 0 0.5em 0.1em; /*1.5em;*/ /* glitch in IE caused by vertical padding in this class, so 0 padding is set here and those blocks that need the vertical padding must be applied to the parent element.    The purpose of this class is to provide    horizontal padding without using hacks to    get around IE's broken box model. so it's    okay to apply vertical padding to the parent    element, just not horizontal padding. */
   padding-bottom: 10px;
}

img
{
   border: 0 none;
}

/************************************************************************
* 
* TABLE FORMATTING
*
************************************************************************/
#FixturesTable thead, #LeagueTable thead
{
   font-size: smaller;
   font-weight: bold;
}

.oddRow
{
   background-color: #EFEFEF; /*#EAE9DE; /*#DDDDDD; #EAE9DE*/
   vertical-align: top;
   font-size: smaller;
}

.evenRow
{
   background-color: White;
   vertical-align: top;
   font-size: smaller;
}

/************************************************************************
* 
* CALENDAR FORMATTING
*
************************************************************************/

/* Surrounds the calendar */
#calendarView
{
   width: 100%;
   margin-right: auto;
   margin-left: auto; /*background-image: url(Images/bg_calendar.jpg);*/ /*background-repeat: repeat-y;*/
   margin-bottom: 10px;
   text-align: center;
}

.calHeader
{
   background-color: Red;
}

/* used as the cssclass of the actual calendar */
.eventMonthTable
{
   width: 568px;
   margin-right: auto;
   margin-left: auto;
   position: relative; /*margin-bottom: 10px;*/
}

.dayNumber
{
   float: right;
   background-color: Black;
   color: White;
   clear: none;
   width: 100%;
   text-align: center;
}

.calcurrentmonth
{
   background-color: #FFFFC0;
}
.calothermonth
{
   background-color: #C9C999;
}
.calcurrentday
{
   background-color: #FFFFC0;
}
.calweekend
{
   background-color: #FFFFC0;
}

.calcurrentmonth, .calcurrentmonth, .calothermonth, .calcurrentday, .calweekend
{
   font-size: x-small;
   text-align: left;
   height: 60px;
   vertical-align: top; /* needed for positioning the dayNumber part */
   position: relative;
   padding: 0px 0px 0px 0px; /*border-left: solid 1px #686868;*/
   border-right: solid 1px #686868;
}

/************************************************************************
* 
* PLAYER PROFILE
*
************************************************************************/
#playerProfileContainer
{
   margin-top: 0.1em;
   background-color: White;
   float: left;
   margin: 8px;
}

#playerProfileContainer .playerProfile
{
   /*background-color: #666666;*/
}

#playerProfileContainer .playerImage
{
   background-color: #D1CCCC;
   border-right: 2px solid White;
   float: left;
   height: 208px;
   width: 240px;
   color: White;
   position: relative;
   text-align: center;
   line-height: 208px;
}

#playerProfileContainer .playerDetailsContainer
{
   float: left;
   height: 208px;
   width: 373px;
   color: White;
   position: relative;
   background-color: #666666;
}

#playerProfileContainer .playerName
{
   /*width: 100%;*/
   padding-left: 5px;
   background-color: Black;
}

#playerProfileContainer .squadName
{
   color: White;
   font-size: large;
   font-weight: bold;
}

#playerProfileContainer .squadNumber
{
   color: Red;
   font-size: x-large;
   font-size: x-large;
   font-weight: bold;
   margin-left: 0.1em;
}

#playerProfileContainer .playerDetailLabel
{
   width: 30%;
   background: #666666 none repeat scroll 0%; /*color: #B3B3B3;*/
   font-weight: bold;
   height: 1.9em;
   padding-left: 5px;
   font-size: 90%;
   vertical-align: top;
}

#playerProfileContainer .playerDetailValue
{
   width: 70%;
   background: #666666 none repeat scroll 0%; /*color: #B3B3B3;*/
   font-size: 90%;
   padding-left: 0.1em;
   vertical-align: top;
}

#playerProfileContainer .playerBiography
{
   width: 100%;
   background-color: White;
   clear: both;
   color: White;
   padding-top: 3px;
}

/************************************************************************
* 
* GALLERY
*
************************************************************************/
#albumRow
{
   position: relative;
   height: 100px;
}

#albumRow .albumArtwork
{
   float: left;
   position: relative;
}

#albumRow .albumDetails
{
   padding: 2px 0 0 5px;
   float: left;
   position: relative;
}

.photo_198
{
   border: 4px solid #FFFFFF;
}

/* Photo Border for All Pages Except the Albums Page */

.photo-frame .topx--
{
   background-image: url(Images/frame-topx--.gif);
   background-repeat: no-repeat;
   width: auto;
   height: 4px;
   vertical-align: top;
}
.photo-frame .top-x-
{
   background-image: url(Images/frame-top-x-.gif);
   background-repeat: repeat-x;
   width: auto;
   height: 4px;
}
.photo-frame .top--x
{
   background-image: url(Images/frame-top--x.gif);
   background-repeat: no-repeat;
   width: auto;
   height: 4px;
   vertical-align: top;
}

.photo-frame .midx--
{
   background-image: url(Images/frame-midx--.gif);
   background-repeat: repeat-y;
   width: 4px;
   height: auto;
}
.photo-frame .mid--x
{
   background-image: url(Images/frame-mid--x.gif);
   background-repeat: repeat-y;
   width: 4px;
   height: auto;
}

.photo-frame .botx--
{
   background-image: url(Images/frame-botx--.gif);
   background-repeat: no-repeat;
   width: 4px;
   height: 4px;
   vertical-align: top;
}
.photo-frame .bot-x-
{
   background-image: url(Images/frame-bot-x-.gif);
   background-repeat: repeat-x;
   width: auto;
   height: 4px;
}
.photo-frame .bot--x
{
   background-image: url(Images/frame-bot--x.gif);
   background-repeat: no-repeat;
   width: 4px;
   height: 4px;
   vertical-align: bottom;
}

/* Photo Border for the Album Page */
.album-frame .topx----, .album-frame .top----x, .album-frame .botx----, .album-frame .bot----x
{
   height: 14px;
   width: 14px;
}

.album-frame .top-x---
{
   background-image: url(images/album-tstretch.gif);
   background-repeat: repeat-x;
   text-align: left;
   height: 14px;
   width: auto;
}
.album-frame .top--x--
{
   background-image: url(images/album-tstretch.gif);
   background-repeat: repeat-x;
   height: 14px;
   width: auto;
}
.album-frame .top---x-
{
   background-image: url(images/album-tstretch.gif);
   background-repeat: repeat-x;
   text-align: right;
   height: 14px;
   width: auto;
}

.album-frame .mtpx----
{
   background-image: url(images/album-lstretch.gif);
   background-repeat: repeat-y;
   vertical-align: top;
   height: auto;
   width: 14px;
}
.album-frame .mtp----x
{
   background-image: url(images/album-rstretch.gif);
   background-repeat: repeat-y;
   vertical-align: top;
   height: auto;
   width: 14px;
}

.album-frame .midx----
{
   background-image: url(images/album-lstretch.gif);
   background-repeat: repeat-y;
   height: auto;
   width: 14px;
}
.album-frame .mid----x
{
   background-image: url(images/album-rstretch.gif);
   background-repeat: repeat-y;
   height: auto;
   width: 14px;
}

.album-frame .mbtx----
{
   background-image: url(images/album-lstretch.gif);
   background-repeat: repeat-y;
   vertical-align: bottom;
   height: auto;
   width: 14px;
}
.album-frame .mbt----x
{
   background-image: url(images/album-rstretch.gif);
   background-repeat: repeat-y;
   vertical-align: bottom;
   height: auto;
   width: 14px;
}

.album-frame .bot-x---
{
   background-image: url(images/album-bstretch.gif);
   background-repeat: repeat-x;
   text-align: right;
   height: 14px;
   width: auto;
}
.album-frame .bot--x--
{
   background-image: url(images/album-bstretch.gif);
   background-repeat: repeat-x;
   height: 14px;
   width: auto;
}
.album-frame .bot---x-
{
   background-image: url(images/album-bstretch.gif);
   background-repeat: repeat-x;
   text-align: left;
   height: 14px;
   width: auto;
}

/*
   AJAX Panel Stuff
*/
.collapsePanelHeader
{
   font-size: 14px;
   font-weight: bold;
   color: #3E3E3E;
   width: 100%;
   height: 22px;
   font-weight: bold;
   float: left;
   cursor: pointer;
   vertical-align: middle;
   padding: 2px 0 2px 0;
}

.collapsePanelContent
{
   width: 100%;
   height: 0px;
   background-color: white;
   overflow: hidden;
   clear: both;
}

/************************************************************************
* 
* FIXTURE SUMMARY
*
************************************************************************/
#fixture
{
   width: 100%;
   text-align: center;
}

#fixture .fixtureOverView
{
   display: inline;
   width: 100%
}

#fixture .homeTeamLogo, .awayTeamLogo
{
   color: #520C18;
   width: 126px;
   font-weight: bold;
   margin-top: 5px;
}

#fixture .homeTeamLogo
{
   float: left;
   text-align: left;
}

#fixture .awayTeamLogo
{
   float: right;
   text-align: right;
}

#fixture .homeTeamLogo img
{
   padding-left: 48px;
}

#fixture .awayTeamLogo img
{
   padding-right: 48px;
}

#fixture .result
{
   color: #404040;
   float: left;
   font-size: 1.5em;
   font-weight: bold;
   line-height: 60px;
   width: 66px;
}

#fixture .fixtureText
{
   clear: both;
   font-weight: bold;
   color: #404040;
}

#fixture .homeTeamText, .awayTeamText
{
   width: 159px;
   padding: 5px 0 10px 0;
}

#fixture .homeTeamText
{
   float: left;
}

#fixture .awayTeamText
{
   float: right;
}

#fixture .fixtureInfo
{
   clear: both;
   text-align: center;
   font-weight: bold;
   color: #353E4C;
   font-size:11px;
   padding-bottom: 5px;
}