﻿/* TBCFC CSS STYLES */

/* Complete CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;	border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1;	font-family: inherit; text-align: left;}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}

/* General Styles */

html, body {background:#ccc url(../images/common/main_bg.gif) repeat scroll 50%; height:100%;}
body {color:#333; font-family:Verdana,Arial,Helvetica; font-size:70.5%; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.4em; text-align:center;}

#wrapper {background:#fff none repeat scroll 0%; border-left:1px solid #333; border-right:1px solid #333; margin:0pt auto; padding-top:0px; min-height:100%; position:relative; text-align:left; width:850px;}

/* General Classes */

.horz {background:transparent url(http://www.airmiles.co.uk/images/common/hr01.gif) repeat-x scroll 0pt; border:0pt none; height:1px; margin:10px 0px; overflow:hidden;}

.u {text-decoration:underline;}
.n {font-weight:normal;}
.b {font-weight:bold;}
strong {font-weight:bold;}

.floatLFT {float:left;}
.floatRT {float:right;}

.off {display:none;}
.hide {visibility:hidden;}
.remove {left:-9000px; position:absolute; top:0pt;}

.clear, .clear01, .clear02 {font-size:0px; height:0px; line-height:0px; margin:0px; padding:0px;}
.clear {clear:both;}
.clear01 {clear:left;}
.clear02 {clear:right;}
* html .clearfix {height:0px; display:block;}

a.btt {padding:5px; border:1px solid #901808;}
a.btt:hover {background:#901808; color:#fff;}

a.emph {cursor:pointer; color:#901808; background:url(../images/common/emph.gif) no-repeat 3px 4px; padding-left:11px;}
a.emph:hover {text-decoration:underline; color:#901808;}
a.emph:active, a.emph:focus {background:#901808 url(../images/common/emph.gif) no-repeat 3px 4px; color:#FFF;}

h1, h2, h3, h4, h5, h6 {color:#000000; margin:0pt 0pt 10px; padding:0pt;}
h1, h2 {font-size:1.6em; font-weight:normal; line-height:1em;}
h3, h4 {font-size:1.4em; font-weight:normal;}
h5, h6 {font-size:1.1em; font-weight:bold; background:#eee; margin-bottom:5px; padding:5px;}
h7 {font-size:1.3em; font-weight:bold; margin:5px 0; display:block; background:#ffeaea; padding:5px;}

a {color:#901808; text-decoration:none;}
a:hover {text-decoration:underline;}

/* Header */

#header {padding:15px 0 15px 20px; position:relative;}

/* Nav */

#m-nav {height:29px; left:0pt; overflow:hidden; width:100%; position:relative;}
#m-nav ul {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px 0px 0px 20px; padding:0px; white-space:nowrap; width:1100px;}
#m-nav li {background:#444 url(../images/common/m_nav_r.gif) no-repeat scroll 100% 0pt; float:left; margin:0px 5px 0px 0px; padding:0pt; white-space:nowrap;}
#m-nav li.secondary {margin:0 20px 0 0;}
#m-nav li.end {margin:0px;}
#m-nav a {background:transparent url(../images/common/m_nav_l.gif) no-repeat scroll 0pt; color:#fff; display:block; float:left; font-size:1.1em; font-weight:bold; height:28px; line-height:28px; padding:0pt 10px; text-align:center; text-decoration:none; white-space:nowrap;}
#m-nav a:hover {color:#fc3;}
#m-nav li.Msel {background:#901808 url(../images/common/m_nav_r_sel.gif) no-repeat scroll 100% 0pt; border-bottom:1px solid #901808;}
#m-nav li.Msel a {background:transparent url(../images/common/m_nav_l_sel.gif) no-repeat scroll 0pt;color:#fff;}
#m-nav li.Msel a:hover {color:#fff;}

/* SubNav */

#s-nav {height:35px; overflow:hidden; width:100%; background:#901808; border-bottom:3px solid #ccc; color:#fff;}
#s-nav p {margin:9px 0 0 20px;}
#s-nav p a {color:#fff; height:16px; line-height:16px; text-decoration:none; margin:0 10px;}
#s-nav p a:hover {text-decoration:underline; color:#fc3;}

/* General Content */
#content {margin:15px 20px 20px 20px;}
#h-col1 {float:left; margin-top:10px; margin-right:20px; position:relative; }
#h-col2 {float:left; margin-top:10px; width:476px; position:relative;}


/* Homepage styles */
#home-welcome {margin-right:20px; float:left; display:block; width:314px; position:relative;}
#home-welcome h1 {padding:5px; background:#901808; color:#fff;}
#home-welcome p {line-height:16px;}

#home-image {float:left; width:476px; height:300px; position:relative;}
#home-image p {z-index:1000; color:#fff; font-size:1.4em; font-weight:bold; background:url(../images/home/home_main_bg.png) repeat; position:absolute; display:block; width:465px; text-align:right; bottom:0px; right:0px; padding:5px;}

#home-news {margin:0 0 0 0; display:block; width:314px; position:relative;}
#home-news h1 {padding:5px; background:#444; color:#fff; margin-bottom:3px;}
#home-news h6 {background:#ccc;}
#home-news div.clear {margin-bottom:20px;}
#home-news p.date {color:#808080; font-size:0.95em; margin-bottom:3px;}
#home-news p {line-height:17px; margin-bottom:8px;}

#home-support {display:block; margin-bottom:20px;position :relative;}
#home-support h1 {padding:5px; background:#901808; color:#fff; margin-bottom:5px;}
#home-support p {line-height:17px; margin-bottom:8px;}

#home-results {margin:0 0 0 0; width:100%; position:relative;}
#home-results h1 {padding:5px; background:#901808; color:#fff; margin-bottom:3px;}
#home-results table {background:#fff;}
#home-results td {padding:3px; line-height:16px; border:1px solid #ddd; vertical-align:middle; text-align:center;}
#home-results tr.legend {font-size:0.9em; background:#888; color:#fff; border:1px solid #ddd;}
#home-results tr.legend td {}

#home-fixtures {margin:20px 0 0 0; position:relative;}
#home-fixtures h1 {padding:5px; background:#901808; color:#fff; margin-bottom:3px;}
#home-fixtures table {background:#fff;}
#home-fixtures td {padding:3px; line-height:16px; border:1px solid #ddd; vertical-align:middle; text-align:center;}
#home-fixtures tr.legend {font-size:0.9em; background:#888; color:#fff; border:1px solid #ddd;}
#home-fixtures tr.legend td {}

#league-table {margin:0 0 20px 0; position:relative;}
#league-table h1 {padding:5px; background:#901808; color:#fff; margin-bottom:3px;}
#league-table table {background:#fff;}
#league-table td {padding:5px; line-height:16px; border:1px solid #ddd; vertical-align:middle; text-align:center;}
#league-table tr.legend {font-size:0.9em; background:#888; color:#fff; border:1px solid #ddd;}
#league-table tr.legend td {}
#league-table tr.us {background:#feb;}


/* Adverts section styles */
#adverts {border-top:2px solid #ccc; padding:10px 30px;}

/* Sponsors section styles */
#sponsors {border-top:2px solid #ccc;}
#sponsors p {margin:10px 0 0 10px; line-height:16px; color:#808080;}
#sponsors ul {text-align:left;}
#sponsors ul li {display:inline;}

/* Map Styles */
#map {display:block; position:relative; margin:15px 0; border:1px solid #ccc;}
#map p {line-height:17px;} 

/* General 3rd Nav styles */
#jump {background:#eee; color:#901808; padding:10px 0; margin-bottom:10px;}
#jump ul {color:#fff;}
#jump li {float:left; border-right:1px solid #fff; padding:5px 10px; width:139px; text-align:center;}
#jump li a {color:#901808;}

/* Squad page styles */
#squad {}
#squad div.player {padding:5px; border:1px solid #ccc; width:362px; float:left; margin:8px 15px; display:block; background:#eee;}
#squad div.player img {float:left;}
#squad div.player div.player-info {float:right; padding:5px; width:230px; font-size:0.95em;}
#squad div.player div.player-info p {line-height:15px;}
#squad div.player div.player-info h3 {font-size:1.7em; font-weight:normal; padding:0;}
#squad div.title {padding:10px; background:#ffeebb; border:1px solid #ffcc33;}
#squad div.title h2 {float:left; margin:0;}
#squad div.title a {float:right;}

/* Fantasy League page */
#fantasy h1 {font-size:1.8em; background:#333; padding:10px; color:#fff; position:relative;}
#fantasy h2 {background:#ddd; padding:5px;}
#fantasy p {line-height:17px; margin-bottom:15px;}

/* Team page styles */
#nextm {display:block; width:314px; position:relative; margin-top:20px;}
#nextm h1 {padding:5px; background:#444; color:#fff; margin-bottom:5px;}
#nextm p {}

#team-news {margin:20px 0 0 0; display:block; width:314px; position:relative;}
#team-news h1 {padding:5px; background:#444; color:#fff; margin-bottom:3px;}
#team-news h6 {background:#ccc;}
#team-news div.clear {margin-bottom:20px;}
#team-news p.date {color:#808080; font-size:0.95em; margin-bottom:3px;}
#team-news p {line-height:17px; margin-bottom:8px;}

#form {display:block; width:314px; position:relative;}
#form h1 {padding:5px; background:#444; color:#fff; margin-bottom:5px;}
#form p {line-height:17px; font-size:1.4em; margin-bottom:8px; font-weight:bold;}

#gallery {display:block; width:314px; position:relative; margin-top:20px;}
#gallery h1 {padding:5px; background:#444; color:#fff; margin-bottom:5px;}
#gallery p {line-height:17px; margin-bottom:8px;}
#gallery img {margin:0 2px 2px 0;}

#weather {display:block; width:314px; position:relative; margin-top:20px;}
#weather h1 {padding:5px; background:#444; color:#fff; margin-bottom:5px;}
#weather p {line-height:17px; font-size:1.4em; margin-bottom:8px; font-weight:bold; text-align:center;}

/* Training page styles */
#training p {line-height:17px; margin-bottom:10px;}

/* Contact Us page styles */
#contact-us p {line-height:17px; margin-bottom:10px;}
#contact-us div.contact {width:241px; float:left; border:1px solid #ddd; margin:0 10px; padding:5px;}
#contact-us h4 {background:#feb; padding:5px; font-weight:bold; font-size:1.2em;}

/* League news styles */
#league-news p {line-height:16px; margin:0 0 8px 0;}

/* Cups styles */
#cups h1 {font-size:1.8em; background:#333; padding:10px; color:#fff; position:relative;}
#cups p {line-height:19px; margin-bottom:8px;}
#cups strong {background:#feb;}
#cups table.cupfixtures tr td {padding:5px;}

/* History styles */
#history h1 {font-size:1.8em; background:#333; padding:10px; color:#fff; position:relative;}

#history table {width:100%;}
#history table tr td {padding:3px; border:1px solid #333;  font-size:10px; text-align:center;}


/* Search */

#googleSearchUnitIframe {height:100%;}


/* Next Match Formation */
#formation {}
#f-col1 {float:left; margin-top:10px; margin-right:20px; position:relative; width:420px;}
#f-col2 {float:left; margin-top:10px; width:360px; position:relative;}
#pitch{display:block; background:url(../images/formation/pitch_bg.jpg) no-repeat 0 0; padding:30px 20px 0 20px; width:390px; height:470px;}
#pitch table tr td table tr td {padding:40px 4px 0;} 
#pitch p {background:#fff; font-weight:bold; text-align:center; padding:10px 0; margin:0; font-size:0.9em; width:100%; border:1px solid #808080; line-height:15px;}

/* Button Styles */
.btn { display: block; position: relative; background: grey; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(http://monc.se/kitchen/stew/buttons/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i {float:left; width:auto; background-image:none; cursor:pointer;}
* html .btn span {margin-top: 0px; }

.btn.red { background: #a00; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #333; text-decoration:none;}
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(http://monc.se/kitchen/stew/buttons/shade.png); background-position: bottom; }

/* Footer */
#footer {background:#333; padding:20px; border-top:3px solid #bbb; }
#footer h3 {color:#fff; font-weight:bold;}
#footer div.col {width:250px; float:left;}
#footer div.col1 {width:250px; float:left;}
#footer p {line-height:15px;  color:#eee; margin:0 0 10px 0;}
#footer li {line-height:15px; color:#eee;}
#footer a {color:#fff; text-decoration:none; line-height:16px;}
#footer a:hover {background:#ccc; color:#000;} 

/* Twitter import */
#twitter {margin-bottom:10px;}
#twitter h1 {padding:5px; background:#444; color:#fff; margin-bottom:3px;}
#twitter div {color:#464646; padding:10px; font-size:1.2em; width:294px; display:block; background:#eee;}
#twitter div li.twit-date {font-weight:bold;}
#twitter div li.twit-date ul {margin-top:5px; font-weight:normal;}
#twitter div li.twit-date ul li {line-height:20px;}
#twitter div li.twit-date ul li a {color:#901808;}
#twitter div li.twit-more {display:block; padding-top:10px; color:#901808; text-decoration:underline; font-size:0.8em;}