/* CSS Document */

/*################# General styles ####################### */

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

html {
font-size:100%;
font-family: Arial, Helvetica, sans-serif;
}

body {
	background-color:#7c7c7c;
	margin:0px;
	padding:0px;
	font-size: 62.5%;
}

h1 {font-size: 200%; line-height: 115%;}
h2 {font-size: 120%;}
h3 {font-size: 110%;}
h4 {font-size:100%;}
h5 {font-size:100%;}
h6 {font-size:100%;}

a img {border: none;}
a {color:#FFF;outline:none;text-decoration:underline;}
img {display: block; margin: 0; padding: 0;}

.bold {font-weight: bold;}

.clear {clear: both; line-height: 0px; height: 0px; font-size: 0px;}

.showhidetrigger:hover {cursor: pointer;}
.showhidetrigger h3:hover {text-decoration: underline;}

.author {display: block; float: right;}

.hidden {display: none;}

/*######################### Layout styles ##########################*/

#shadow_container {
	width:972px;
	margin:0px auto;
	background-image:url(../i/global/mid-shadow.jpg);
	background-position:bottom;
	padding-bottom:10px;
	background-repeat:no-repeat;
}

.shadow_left {
	width:972px;
	background-image:url(../i/global/left_shadow.jpg);
	background-repeat:repeat-y;
	background-position:left;
}

.shadow_right {
	width:972px;
	background-image:url(../i/global/right_shadow.jpg);
	background-repeat:repeat-y;
	background-position:right;
}

#container {
	width:952px;
	margin:0px auto;
	background-color:#252525;
	background-image:url(../i/global/bg_grad.jpg); 
	background-repeat:repeat-x;
	padding-bottom:20px;
}

#team_content_group {
	float:right;
	width:794px;
}

#header
{
    background-image: url(../i/global/header.jpg);
    height:110px;
	width:952px;
	background-color:#db0606;
	margin:0px auto;
}

#header a
{
    height:150px;
	width:158px;
	display: block;
	overflow:hidden;
	position:absolute;
}

#header a span {margin-left:-100px}

#left_col {
	width:158px;
	float:left;
}

#content_col {
	width:560px;
	float:left;
	margin-top:2px;
}

#team_col {
	width:230px;
	float:right;
	margin-top:2px;
}

#content_col .border-sides {
	width:558px;
	border-left:1px solid #db0606;
	border-right:1px solid #db0606;
	margin:0px;
	padding:0px;
}

/*######################### No Nav Page ##############*/
.border-sides#noNav
{
    margin: 0 auto;
}
#content_col.noNav
{
    margin: 0 auto;
    float: none;
}
#closeWrap {margin: 0 auto; width: 560px;}
#close {float: right; margin: 0; text-align: center; width: 5em;}
#close a {background-color: #414141; color: #FFFFFF; display: block; font-size: 10pt; height: 19px; margin: 0; padding: 6px; text-decoration: underline;}


/*############### Left column ####################*/

#badge {
	background-image:url(../i/global/logo-bottom.jpg);
	height:49px;
	width:158px;
	margin:0px;
}

#main_nav {
	margin:0px;
}

#main_nav ul {
	margin:0px;
	list-style:none;
	padding:0px;
	width:158px;
}

#main_nav ul li {
	list-style:none;
	margin:0px;
	background: #d6d6d6 url(../i/global/btn_grad.jpg) repeat-x left top;
	text-decoration:none;
	color:#333333;
	font-size:140%;
	display:block;
}

#main_nav ul li a
{
	color: #333333;
	text-decoration:none;
	display: block;
	padding: 5px 10px;
}


#main_nav ul li a:hover {
	background: #db0606 url(../i/global/btn_red_grad.jpg) repeat-x left top;
	color:#FFFFFF;
}

#main_nav ul li.highlt-menu {
	background: #db0606 url(../i/global/btn_red_grad.jpg) repeat-x left top;
	color:#FFFFFF;
}

#main_nav ul li.highlt-menu a
{
	color: #FFFFFF;
}

#main_nav ul li a, #main_nav ul li a:hover, #main_nav ul li ul
{
	width: 138px;
}

#main_nav ul li ul
{
    display: none;
}

#main_nav ul li.highlt-menu ul
{
    display: block;
}

#main_nav ul li ul li
{
    background: none;
    border: none;
    padding: 0px 0px 0px 12px;
}

#main_nav ul li.highlt-menu ul li
{
    background: none;
    font-size: 100%;
}

#main_nav ul li ul li
{
    background: none;
    font-size: 100%;
}

#main_nav ul li ul li a, #main_nav ul li ul li a:hover, #main_nav ul li ul li ul
{
    width: 126px;
}

#main_nav ul li ul li ul li a, #main_nav ul li ul li ul li a:hover
{
    width: 114px;
}


#main_nav ul li ul li a:hover
{
    background: none;
    color: #db0606;
}

#main_nav ul li.highlt-menu ul li a:hover, #main_nav ul li.highlt-menu ul li.highlt-menu a
{
	background: none;
	color: Yellow;
}

#main_nav ul li ul li.child ul
{
    display: none;
}

#main_nav ul li.highlt-menu ul li.highlt-menu ul
{
    display: block;
}

#main_nav ul li.highlt-menu ul li.highlt-menu ul li a
{
    color: #fff;
}

#main_nav ul li.highlt-menu ul li.highlt-menu ul li a:hover, #main_nav ul li.highlt-menu ul li.highlt-menu ul li.highlt-menu a
{
    color: Yellow;
}

#fa_logo{
	height:75px;
	width:106px;
	margin: 20px 26px 0px 26px;
	float: left;
	display: inline;
}

/*############## Page contents styles #######################*/

.border-sides h1.gradientHeader
{
    background-image:url(../i/global/team_name_grad.jpg);
	background-position: center bottom;
	height:26px;
	margin:0px;
	padding:7px 10px;
	border-top:1px solid #db0606;
	border-bottom:1px solid #db0606;
	font-size:200%;
	background-color:#757575;
	color:#FFFFFF;
	font-weight:normal;
}

.border-sides h2.gradientHeader
{
    font-size:180%;
    background-image:url(../i/global/h1_grad.gif);
	background-repeat:repeat-x;
	height:20px;
	margin:0px;
	color:#FFFFFF;
	padding:5px 10px;
	border-bottom:1px solid #db0606;
	font-weight:normal;
}

.border-sides .tabHeader
{
    border-top:1px solid #db0606;
	border-bottom:1px solid #db0606;
	background-color: #1C1C1C;
}

.border-sides .tabHeader h1.gradientHeader
{
    border: none;
}

/* Team Tabs */
.tabNav {width: 100%;}
.tabNav ul {list-style: none; display: inline;}
.tabNav ul li {display: block; float: left;}
.tabNav a {float: left; display: block; position: relative; height: 32px; font-size: 13px; text-decoration: none; color: #1C1C1C; font-weight: bold; margin-left: 5px;}
.tabNav a span.tabBody {height: 16px; background: #dedede url(../i/tabs/tab-grad.jpg) repeat-x bottom left; padding: 8px; display: block; float: left;}
.tabNav a span.tabLeft {width: 12px; height: 100%; background: #1C1C1C url(../i/tabs/tab-l.jpg) no-repeat top left; display: block; float: left;}
.tabNav a span.tabRight {width: 12px; height: 100%; background: #1C1C1C url(../i/tabs/tab-r.jpg) no-repeat top right; display: block; float: left;}
.tabNav li.first a {margin-left: 10px;}
.tabNav li.active a {height: 33px; margin-bottom: -1px;}
.tabNav li a:hover {cursor: pointer;}
.tabNav li a:hover span.tabBody {background-image: url(../i/tabs/tab-hover-grad.jpg);}
.tabNav li a:hover span.tabLeft {background-image: url(../i/tabs/tab-hover-l.jpg);}
.tabNav li a:hover span.tabRight {background-image: url(../i/tabs/tab-hover-r.jpg);}
.tabNav li.active a span.tabBody, .tabNav li.active a:hover span.tabBody {background-image: none; background-color: #f7f7f7; border-top: 1px solid #db0606;}
.tabNav li.active a span.tabLeft, .tabNav li.active a:hover span.tabLeft {background-image: url(../i/tabs/tab-active-l.jpg);}
.tabNav li.active a span.tabRight, .tabNav li.active a:hover span.tabRight {background-image: url(../i/tabs/tab-active-r.jpg);}

.border-sides .mainImage
{
    border-bottom: 1px solid #db0606;
}

.border-sides .articleBody
{
	border-bottom:1px solid #db0606;	
	margin:0px;
	padding:20px;
	background-color:#dedede;
	font-size:130%;
	line-height:170%;
	color:#333333;
}

.border-sides .articleBody p {
	margin:0px 0px 10px 0px;
}

.border-sides .articleBody a
{
    color:#db0606;
}

.border-sides .articleBody  h2 {
	font-size:160%;
	font-weight:bold;
	color:#333333;
	margin:0px 0px 10px 0px;
}

.border-sides .articleBody h3 {
	font-size:120%;
	color:#333333;
	margin:0px 0px 5px 0px;
}

.border-sides .articleBody ul {
	margin:0px 0px 10px 0px;
	padding-left:20px;
}

.border-sides .articleBody ul li {
	margin-left:0px;
	padding-left:5px;
}

.border-sides .articleBody table td
{
    padding: 5px;
}

.border-sides .listBody 
{
    background-color: #f7f7f7;
    min-height: 700px;
    border-bottom: 1px solid #db0606;
}

.border-sides .listBody .emptylist
{
    background: none;
    border: none;
}

.border-sides em {
	font-style:italic;
	color:#626262;
}

.border-sides .articledate
{
    float: right;
}


.border-sides .caption
{
    color:#ffffff;
	padding:5px 10px;
	font-size:90%;
	border-bottom:1px solid #db0606;
	background-color:#262626;
	margin: 0px;
}

.border-sides .emptylist
{
	display: block;
	background:url(../i/global/subpanel_grad.jpg);
	background-repeat:repeat-x;
	background-color:#f7f7f7;
	border-bottom:1px solid #db0606;
	color:#626262;
	padding: 10px;
	font-size: 120%;
}

.border-sides .newsstory
{
    height:110px;
	background:url(../i/global/subpanel_grad.jpg);
	background-repeat:repeat-x;
	background-color:#f7f7f7;
	border-bottom:1px solid #db0606;
	color:#626262;
}

.border-sides .newsstory .newsLink a
{
    color: #626262;
    display: block;
    margin-top: 10px;
}

.border-sides .newsstory .imageCol
{
    width:127px;
	height:110px;
	float:left;
	overflow:hidden;
}

.border-sides .newsstory .textCol
{
    width:411px;
	height:90px;
	float:right;
	padding:10px;
}

.textCol h2
{
    font-size:160%;
	margin:5px 0px;
	padding:0px;
	font-weight:bold;
	color: #111;
}

.border-sides .newsstory .textCol h2 a
{
    color:#111111;
    text-decoration: none;
}

.border-sides .newsstory .textCol h2 a:hover
{
    text-decoration: underline;
}

.border-sides .newsstory .textCol p
{
    margin:5px 0px;
	font-size:120%;
	line-height:120%;
}

.border-sides .newsstory .textCol a
{
    font-size:120%;
	color:#db0606;
}

.border-sides .newsstory .textCol .newsdate
{
    font-size: 100%;
    margin: 0px;
}

/*################ Breadcrumb Trail ###################*/
#bc {margin: 10px 0px; display: block;}
#bc ul {list-style: none; margin: 0; display: inline;}
#bc ul li {display: block; float: left; color: #fff; margin-right: 5px;}
#bc a {display: block; float: left; padding-right: 1.2em; background: #3a3a3a url(../i/global/breadcrumb_arrow.jpg) no-repeat center right;}

/*############### Age Groups ####################*/
.team {border-bottom: 1px solid #db0606; padding: 10px; background: #f7f7f7 url(../i/global/bg-selectteam-grad.jpg) repeat-x bottom left;}
.team .teamDetails {width: 170px; float: left; padding: 0 10px 10px; background-color: #d0d0d0; height: 145px; overflow: hidden;}
.team .teamDetails h2, .team .teamDetails h2 a {font-size: 16px; line-height: 20px; margin: 10px 0px; font-weight: bold; color: #000; text-decoration: none;}
.team .teamDetails h2 a:hover {text-decoration: underline;}
.team .teamDetails a {font-size: 12px; color: #db0606;}
.team .teamImage {float: left; display: block;}


/*################# Photo album styles #####################*/

.album
{
    padding: 10px;
}

.album .albumImage
{
    float: left;
    width: 100px;
    margin: 0px 10px 10px 0px;
    font-size: 80%;
}

/*################## Fixtures table styles ################*/

.fixtures_table {
	margin:0px;
	padding:10px;
	background-color: #f7f7f7;
}

.fixtures_table h2
{
    color:#111111;
	font-size:160%;
	margin:5px 0px 0px 0px;
}

.fixtures_table h3
{
    margin:5px 0px;
	color:#333333;
	font-size:110%;
}

.fixtures_table table {
	width:538px;
	text-align:left;
	margin:20px 0px 40px 0px;
	background-color:#f8f8f8;
	border:1px solid #707070;
	font-size:115%;
}

.fixtures_table th {
	font-size:115%;
	font-weight:bold;
	padding:5px;
	margin:0px;
}

.fixtures_table td {
	padding:5px;
	margin:0px;
	color:#333333;
}

.fixtures_table thead tr {
	background-color:#000000;
	background-image:url(../i/fixtures/thead_grad.jpg);
	background-repeat:repeat-x;
	color:#ffffff;
}

.fixtures_table .row_dark {
	background-color:#e1e1e1;
}

.fixtures_table tr.next_match td {
	color:#db0606;
}
.fixtures_table .ko, .fixtures_table .type, .fixtures_table .location, .fixtures_table .result  {
	width:70px;
}

.fixtures_table .date {
	width:70px;
	padding-left:5px;
}

.fixtures_table a {
	color:#333333;
	text-decoration:underline;
	font-weight:bold;
}

/*################### Managers ####################*/
.manager
{
	background: #fff url(../i/global/subpanel_grad.jpg) repeat-x bottom left;
	border-bottom:1px solid #db0606;
	color:#626262;
	padding: 10px;
}

.manager .imageCol
{
    float: left;
}

.manager .textCol
{
    width: 360px;
    float: left;
    margin-left: 10px;
}

.manager .managerContents {font-size: 120%; color: #626262;}
.manager .managerContents a {color: #db0606;}

/*################ General (Small Image) ###############*/

.smallImageArticleBody {border-top: solid 1px #db0606;}
.smallImageArticleBody h1 {margin-top: 0px;}
.smallImage {float: right; margin-left: 1em; width: 270px; margin: 0 0 10px 10px;}
.smallImage .caption {border: none;}

/*################# Sponsor box ###############*/

#sponsor_box {
	width:224px;
	background-color:#db0606;
	margin: 2px 0px;
	float:right;
	padding:2px 3px 10px 3px;
}

#sponsor_box h2
{
	font-size:150%;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:5px;
	margin:0px;
}

.sponsor_white_panel {
	margin:0px auto 10px auto;
	background-color:#f7f7f7;
	padding:10px;
}
	

#sponsor_box .sponsor_white_panel .sponsor img {
	text-align:center;
	margin: 5px auto;
}

/*################## Footer styles ###################*/

#footer_shadow {
	width:972px;
	margin:0px auto 0px auto;
	background-image:url(../i/global/bottom-shadow.jpg);
	background-position: center bottom;
	padding-bottom:10px;
}

#footer {
	width:942px;
	padding:10px 5px;
	margin:0px auto;
	background-color:#252525;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#ffffff;
}

#footer ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	display: inline-block;
}

#footer li {
	float:left;
	background-image:url(../i/global/pipe.jpg);
	background-position:right;
	background-repeat:no-repeat;
	padding:0px 10px;
}

#footer li.last {
	background:none;
}

/*###################### Action panel container ##################*/
#actionPanel
{
    float: left;
    width: 242px;
    margin: 0.2em 0px 0.2em 0.2em;
}

/*####################### Action panel contents ####################*/
.actionPanel
{
    background-color:#db0606;
	margin:0px;
	padding:3px 4px 10px 3px;
	position: relative;
}

.actionPanel h2
{
    font-size:150%;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:7px 5px 5px 7px;
	margin:0px;
	position: relative;
}

.actionPanel .my_team_name {
	font-size:200%;
	padding:0px 5px 7px 7px;
	position: relative;
	font-weight:bold;
	color:#fff;
}

.actionPanel .infoBox
{
    background-color: #f7f7f7;
    padding: 2px 2px;
    margin-bottom: 10px;
    position: relative;
}

.actionPanel .infoBox .head
{
    padding: 2px;
    background: #db0606 url(../i/global/team_grad.jpg) repeat-x left bottom;
    color: #fff;
	text-transform:uppercase;
	display:inline-block;
	width: 209px;
	padding:5px;
	margin:0px;
}

.actionPanel .infoBox .head h3
{
    margin: 0px;
    font-size:140%;
    width: 80%;
}

.actionPanel .infoBox .head .showhidetrigger
{
    display: inline;
}

.actionPanel .infoBox .head .showhidetrigger h3
{
    float: left;
}

.actionPanel .infoBox .head .showhidetrigger .showhideimage
{
    float: right;
    width: 15px;
    height: 15px;
}

.actionPanel .infoBox .head .showhidetrigger .showhideplus
{
    background-image: url(../i/global/plus.jpg);
}

.actionPanel .infoBox .head .showhidetrigger .showhideminus
{
    background-image: url(../i/global/minus.jpg);
}

.actionPanel .infoBox .body
{
    font-size:120%;
	padding:10px 10px 7px 10px;
}

.actionPanel .infoBox .body img
{
    float: left;
    margin: 0px 5px 5px -5px;
    position: relative;
    display: inline;
}

.actionPanel .infoBox .body h4
{
    font-weight:bold;
	color:#333333;
	margin:0px 5px;
	padding:0px;
}

.actionPanel .infoBox .body p, .actionPanel .infoBox .body span
{
    margin:2px 0px 0px;
	color:#626262;
}

.actionPanel .infoBox .body p.bold, .actionPanel .infoBox .body span.bold
{
    color: #333;
}

.actionPanel .infoBox .body a
{
    color: #db0606;
    display: block;
}

.actionPanel .infoBox .body .newsitem
{
    margin-bottom: 10px;
}

.actionPanel .infoBox .supportingText
{
    margin: 0px;
}

.actionPanel .infoBox .supportingText .supportingLabel
{
    font-weight: bold;
    margin-right: 5px;
}

.actionPanel .infoBox .positions_table
{
    width: 200px;
    text-align: left;
    color: #626262;
}

.actionPanel .infoBox .positions_table th {
	font-weight:bold;
	color:#333333;
}

.actionPanel .teamselect .bold
{
    color: #333333;
}

.actionPanel .teamselect label {color: #333333;font-weight:bold;}

.actionPanel .teamselect
{
    margin: 5px 0px;
}

.actionPanel .teamselectButton
{
    float: right;
}

.actionPanel .supportingText .supportLink a
{
    display: inline;
}

.team_link {
	text-align:center;
	font-size:130%;
}

#selectMyTeam .head h2 {margin: 0px;font-size:140%;width: 80%;float:left;padding:0px;}

/*############################ News ticker ###################################*/

#newstickerContainer {overflow:hidden;}
#newstickerContainer h1 {top:-500px;position:absolute;}

.tickercontainer 
{
    border-bottom: 1px solid #db0606;
    border-top:1px solid #db0606;
    background-color:#666666;
    width: 558px; 
    margin: 0; 
    height: 24px;
    overflow: hidden; 
}
.tickercontainer .mask 
{
    position: relative;
    left: 10px;
    top: 5px;
    width: 538px;
    overflow: hidden;
}
ul.newsticker 
{
    position: relative;
    left: 578px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.newsticker li 
{
    float: left;
    margin: 0;
    padding: 0;
    font-size: 120%;
}
ul.newsticker a 
{
    white-space: nowrap;
    padding: 0;
    color: #fff;
    margin: 0 50px 0 0;
    text-decoration: none;
}

ul.newsticker a:hover
{
    text-decoration: underline;
}
 
ul.newsticker span 
{
    margin: 0 10px 0 0;
} 

/*######################### Page Navigation (Bottom) ##########################*/

.newspager {
	height:15px;
	padding:5px;
	background-color:#3f3f3f;
	color:#CCCCCC;
	font-size:120%;
	border-bottom: 1px solid #db0606;
	text-align: center;
}

.newspager .previous {
	padding-right:35px;
}

.newspager .next {
	padding-left:20px;
}

.newspager .pages {
	color: #909090;
}

.newspager .pages strong, .newspager .pages span, .newspager .pages a
{
    margin-right:0.8em;
}

.newspager .disabled {
	color:#909090;
}

.newspager a {
	text-decoration:none;
	color:#cccccc;
}

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

/* Designed By Different */
#copyright {color:#fff;width:952px;margin:0 auto;text-align:right;padding:0 0 2em 0;}
#copyright .copyright {float:left;}