/* $Id: main.css,v 1.01 2010/05/02 16:08:09 ac3232 Exp $ @author ac3232 
Copyright 2011 BTP */

@import url(http://www.beyondthepitch.net/css/globalnav.css);
@import url(http://www.beyondthepitch.net/css/core.css);
@import url(http://www.beyondthepitch.net/css/layout.css);
@import url(http://www.beyondthepitch.net/css/elements.css);
@import url(http://www.beyondthepitch.net/css/container.css);
@import url(http://www.beyondthepitch.net/css/global.css);
@import url(http://www.beyondthepitch.net/css/detail.css);
@import url(http://www.beyondthepitch.net/css/fantasy.css);

@charset "UTF-8";

br.clear-both,
div.clear-both,
br.clear-left,
div.clear-left {
font: 1px/1px monospace;
display: block;
}
.clear-both { clear: both; }
.clear-left { clear: left; }
.clear-after::after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.clear-after {
/*\*//*/ display: inline-table; /*MacIE*/
_height: 1em;
min-height: 1px;
}

.clear {
clear:both;
}

body,
div,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
th,
td{
margin:0;
font-size:11px; font-family: verdana,helvetica,clean,sans-serif;
line-height: 1.5em;
}

table{
border-collapse:collapse;
border-spacing:0;
}

fieldset,
img{
border:0;
}

address,
caption,
cite,
code,
dfn,
th,
var{
font-style:normal;font-weight:normal;
}

caption,
th{
text-align:left;
}

h1,
h2,
h3,
h4,
h5,
h6{
font-size:100%;font-weight:normal;
}

q:before,
q:after{
content:'';
}

abbr,
acronym {
border:0;font-variant:normal;
}

sup {
vertical-align:text-top;
}

sub {
vertical-align:text-bottom;
}

input,
textarea,
select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}

input,
textarea,
select{
*font-size:100%;
}

legend{
color:#000;
}

table {
font-size:inherit;
font:100%;
}

pre,
code,
kbd,
samp,
tt{
font-family:monospace;
*font-size:98%;line-height:100%;
}

html {background: url(http://www.beyondthepitch.net/images/bg.png); 
	margin:0px; 
	padding-bottom:10px;
	font-family: Verdana,Arial,Sans-Serif; 
	background-repeat:repeat;
	background-color:#000;
	overflow-y:scroll;
	border-top: 2px solid #808080; /* Putting this here instead of on the body selector helps scripts properly caculate an element's calculated offset */}

.brand #blq-local-nav #banner ul#brand-nav li.home a, {background-color:#5b6d77;}
body#show-brand #service-nav li#programmes-nav a {background-color:#5B6D77; height:38px; margin-bottom:0;}

/* ie 6 hack  */
* html body #blq-local-nav #banner { z-index:-1; }

.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
.clearfix   { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix   { display:block; }
/* End hide from IE Mac */

textarea {resize:none;}
.comment .sms_text{ white-space:pre-wrap};

ul {list-style:none;}
.box-liner {border:solid 1px; color:#A0A0A4;}

.pnav a, .browse a {text-decoration:none;}
.pnav a:hover, .browse a:hover {text-decoration:underline;} 

.pullout-left .pullout-item {
float: left;
margin-left: 0 !important;
_margin-right: 6px; 
}
.pullout-right .pullout-item {
float: right;
margin-right: 0 !important;
_margin-left: 6px; 
}
div.left-wrap>.pullout-item { margin-right: 10px; }
.pullout-left>span { display: block; }
*.pullout-left span,
*.pullout-left *.pullout-left span { _display: block; }
*.pullout-left *.pullout-left * span,
*.pullout-left * span { _display: inline; }
div.right-wrap>.pullout-item { margin-left: 10px; }
a.pullout-left,
a.pullout-right {
display: block;
_cursor: hand;
}
div.pullout-wrap>* { margin-left: 0; }
div.left-wrap>.pullout-item { margin-right: 10px; }
div.right-wrap>.pullout-item { margin-left: 10px; }
.left-180 .pullout-item,
.right-180 .pullout-item { width: 180px; }
.left-167 .pullout-item,
.right-167 .pullout-item { width: 167px; }
.left-140 .pullout-item,
.right-140 .pullout-item { width: 140px; }
.left-125 .pullout-item,
.right-125 .pullout-item { width: 125px; }
.left-112 .pullout-item,
.right-112 .pullout-item { width: 112px; }
.left-100 .pullout-item,
.right-100 .pullout-item { width: 100px; }
.left-90 .pullout-item,
.right-90 .pullout-item { width: 90px; }
.left-80 .pullout-item,
.right-80 .pullout-item { width: 80px; }
.left-72 .pullout-item,
.right-72 .pullout-item { width: 72px; }
.left-71 .pullout-item,
.right-71 .pullout-item { width: 71px; }
.left-51 .pullout-item,
.right-51 .pullout-item { width: 51px; }
.left-60 .pullout-item,
.right-60 .pullout-item { width: 60px; }
.left-50 .pullout-item,
.right-50 .pullout-item { width: 50px; }
.left-40 .pullout-item,
.right-40 .pullout-item { width: 40px; }
.left-20 .pullout-item,
.right-20 .pullout-item { width: 20px; }
.left-16 .pullout-item,
.right-16 .pullout-item { width: 16px; }
.left-16 .pullout-item { margin-right: 0;  }
.right-16 .pullout-item { margin-left: 0;  }
.left-180>* { margin-left: 190px !important; }
.right-180>* { margin-right: 190px !important; }
.left-155>* { margin-left: 165px !important; }
.right-155>* { margin-right: 165px !important; }
.left-140>* { margin-left: 150px !important; }
.right-140>* { margin-right: 150px !important; }
.left-125>* { margin-left: 135px !important; }
.right-125>* { margin-right: 135px !important; }
.left-112>* { margin-left: 122px !important; }
.right-112>* { margin-right: 122px !important; }
.left-100>* { margin-left: 110px !important; }
.right-100>* { margin-right: 110px !important; }
.left-90>* { margin-left: 100px !important; }
.right-90>* { margin-right: 100px !important; }
.left-80>* { margin-left: 90px !important; }
.right-80>* { margin-right: 90px !important; }
.left-72>* { margin-left: 82px !important; }
.right-72>* { margin-right: 82px !important; }
.left-71>* { margin-left: 81px !important; }
.right-71>* { margin-right: 81px !important; }
.left-60>* { margin-left: 70px !important; }
.right-60>* { margin-right: 70px !important; }
.left-50>* { margin-left: 60px !important; }
.right-50>* { margin-right: 60px !important; }
.left-51>* { margin-left: 61px !important; }
.right-51>* { margin-right: 61px !important; }
.left-40>* { margin-left: 50px !important; }
.right-40>* { margin-right: 50px !important; }
.left-20>* { margin-left: 28px !important; }
.right-20>* { margin-right: 28px !important; }
.left-16>* { margin-left: 20px !important; }
.right-16>* { margin-right: 20px !important; }

.columns-4-ABCD-A,
.columns-4-ABCD-B,
.columns-4-ABCD-C,
.columns-3-ABC-A,
.columns-3-ABC-B,
.columns-3-ABcc-A,
.columns-3-ABcc-B,
.columns-3-aaBC-aa,
.columns-3-aaBC-B,
.columns-3-aaBcc-aa,
.columns-3-aaBcc-B,
.columns-2-aaB-aa,
.columns-2-aaB-aaa,
.columns-2-Abb-A,
.columns-2-AB-A {
margin-bottom: 0.5em;
float: left;
text-align:right;
padding-right:6px;
}
.columns-4-ABCD-D,
.columns-3-ABC-C,
.columns-3-ABcc-cc,
.columns-3-aaBcc-cc,
.columns-3-aaBC-C,
.columns-2-Abb-bb,
.columns-2-aaB-B,
.columns-2-aaaB-B,
.columns-2-AB-B {
margin-bottom: 0.5em;
float: right;
}
.columns-2-AB-A,
.columns-2-AB-B { width: 48%; }
.columns-2-Abb-A,
.columns-2-aaB-B { width: 64%; }
.columns-2-Abb-bb,
.columns-2-aaB-aa { width: 32%; }
.columns-2-aaB-aaa { width: 20%; }
.columns-2-aaaB-B {width: 76%; }
.columns-3-ABC-A,
.columns-3-ABC-B,
.columns-3-ABC-C { width: 30%; }
.columns-3-ABC-B { margin-left: 5%; }
/* Safari floors percentages instead of rounding, so this helps with balanced columns */
/* \*/
::root .columns-3-ABC-B,
::root .columns-3-aaBC-B,
::root .columns-3-ABcc-B,
::root .columns-3-aaBcc-B,
::root .columns-4-ABCD-B,
::root .columns-4-ABCD-C {
 position: relative;
 left: 1px;
}
/* */
.columns-3-ABcc-A,
.columns-3-ABcc-B,
.columns-3-aaBC-B,
.columns-3-aaBC-C { width: 34%; }
.columns-3-ABcc-cc,
.columns-3-aaBC-aa,
.columns-3-aaBcc-aa,
.columns-3-aaBcc-cc { width: 26%; }
.columns-3-ABcc-B,
.columns-3-aaBC-B,
.columns-3-aaBcc-B { margin-left: 3%; }
.columns-3-aaBcc-B { width: 42%; }
.columns-4-ABCD-A,
.columns-4-ABCD-B,
.columns-4-ABCD-C,
.columns-4-ABCD-D { width: 22%; }
.columns-4-ABCD-B,
.columns-4-ABCD-C { margin-left: 4%; }

.txtbottom, #txtbottom {padding-bottom:40px;}
.txttop, #txttop {margin-bottom:-30px;}


/*	FORMS.CSS
$Id: forms.css,v 1.01 2009/09/03 10:14:23 admin Exp $
@author admin
*/

fieldset {
border:1px solid #888;
padding:10px;
margin-top:20px;
margin-bottom:20px;
}

.form {
margin:0;
padding:0;
}
.submit {
	background: #fefefe url(http://www.beyondthepitch.net/images/nav/form_element.png) repeat-x !important;
	border: 3px double;
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5 !important;
	color: #2b333c;
	font-size:11px;
	font-weight: bold;
}
.submit:hover,
.submit:focus {
	border-color: #aedf9a #94da78 #6ab94b #94da78 !important;
	color:#990000;
}
.submit:visited {
	color: #2b333c;
}

.formBlock {
padding-top: 12px;
padding-bottom: 12px;
margin-top: 0;
margin-bottom: 0;
}
.inputBlock {
margin-top: 0;
margin-bottom: 0;
}
.inputBlock p {
margin-bottom: 6px;
}
.inputBlock dt {
font-weight: bold;
margin-top: 0;
margin-bottom: 6px;
}
.inputBlock dd {
margin-left: 0;
margin-bottom: 6px;
}
.inputBlock .inputGroup {
margin-left: 0;
}
.inputGroup {
list-style-type: none;
padding-left: 0;
margin-top: 0;
margin-bottom: 6px;
}
.inputGroup li {
margin-bottom: 0;
padding-bottom: 0; /*override default glue*/
padding-right: 1ex; /* Mac IE freaks on margin-right, use padding instead */
}
.inputGroup .left {
font-weight: normal;
}
.inputGroup .caption {
margin-top: .25em;
margin-bottom: 0;
}
.buttonBlock {
display:block;
}
div.buttonBlock {
margin-top: 2em;
margin-bottom: 0;
}
span.buttonBlock {
margin-top: 1em;
}
input,
button,
select {
/*\*/ vertical-align: middle; /**/
}
label.top {
display: block;
margin-bottom: 6px;
font-weight: bold;
}
label.left {
display: inline-block;
_height: 1em;
margin-right: 1ex;
vertical-align: middle;
font-weight: bold;
}
form {
margin: 0 0 1em;
padding: 0;
font-size: 100%; 
font-family: inherit;
}
.disabled {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
zoom: 100%;
_height: 1em;
}
.required {
color: #C00;
}
.button {
font-weight: bold;
font-family: inherit;
text-align: center;
color: #2b333c;
background: #fefefe url(http://www.beyondthepitch.net/images/nav/form_element.png) repeat-x;
border: 1px solid;
border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#AAAAAA);
box-shadow: 0 1px 2px #AAA;
padding: .2em 1.5ex;
_padding: .2em 2ex;
_width/**/:1px;
_white-space: nowrap;
overflow: visible; /* fix button width for IE 5.5 to 7 */
cursor: pointer;
_cursor: hand;
}
.button:visited { color: #2b333c; }
.button {
_margin-left: expression(this.previousSibling ? '1ex' : 'null');
}
*+.button {
margin-left: 1ex;
}
/* \*/
::root input.button {
font-size: inherit;
}
/* */
a.button {
white-space: nowrap;
text-decoration: none;
}
.inputBlock .caption {
display: block;	
margin-top: .2em;
}
input,
select,
textarea,
button {
font-family: inherit;
font-size: 100%;
line-height: inherit;
vertical-align:middle;
}
.textfield {
_height: 1.85em;
}
.textfield,
select,
textarea {
padding-top: 2px;
padding-bottom: 3px;
* padding-top:1px;
* padding-bottom:5px;
* font-family:Arial, Helvetica, sans-serif;
background-color: #f7f7f7;
border-width: thin;
border-style: solid;
border-color: #999 #aab3b3 #d5dddd #aab3b3;
}

input{
padding-left:3px;
}

.textfield:hover,
.textfield:focus,
select[size]:hover,
select[size]:focus,
textarea:hover,
textarea:focus {
border-color: #459455 #5b5 #6d5 #5b5;
}
select:hover,
select:focus {
border-color: #6d5 #5b5 #459455 #5b5;
}
.textfield:focus,
select:focus,
textarea:focus,
.button:hover {
background-color: #FFF;
outline: #D6FFC9 solid 1px;
}
.button:hover {
outline-width: 2px;
text-decoration: none;
}
::root .button>* {
position: relative; /* Safari 2 throws outlines around everything inside button. Newer Webkits address this bug. For now, this puts the button text on top of all the outlines. */
}
.input-text-sidepanel {
border:1px solid #3b6e22;
color:#666666;
width:180px;
padding-bottom:2px;
* padding-bottom:5px;
vertical-align:middle;
}
.input-text-sharepanel {
border:1px solid #3b6e22;
color:#666666;
width:160px;
padding-bottom:2px;
* padding-bottom:5px;
vertical-align:middle;
}
.side-spacer-top {
margin-top:10px;
}
.side-spacer-top-label, form-label {
display:block;
float:left;
padding-right:6px;
text-align:right;
font-weight:bold;
}
.blue{
background:url(http://www.beyondthepitch.net/images/nav/blue.png);
border:1px solid #3b6e22;
height:24px; 
color:#FFFFFF;
font-size:10px;
font-weight:bold;
vertical-align:middle;
margin-right:10px;
display:inline-block;
text-decoration:none;
}
.form-columns {
padding-top:10px;
}
#clear-form {
margin-top:10px;
}
.pcenter {
text-align:center;
}

/*Search form*/
#blq-mast p input { border:0pt none; }
#blq-mast p input:focus { outline:none; }

#blq-mast #blq-search {
    position:absolute;
    background-color:#fff; 
    
    width:175px;
    padding: 4px 4px 5px 7px;
    min-height: 15px;
    font-size: 1em;
    line-height: 15px;
    color:#4c4c4c;
    
    left: auto;
    top: 15px;
    right: 45px;
    margin:0;
}
/* total of the height + padding above, currently isn't used (but may be soon) */
.blq-quirks #blq-mast #blq-search {
    height: 24px;
}

#blq-mast #blq-search-btn {
    margin:0;
    position:absolute;
    color:#000;
    cursor:pointer;
    line-height:1.8;
    
    
    height:26px;
    width:29px;
    padding:0;
    border: none;
    background:#fff url('/images/nav/search_icon.png') no-repeat center center;
    text-indent:-2000em;
    left: auto;
    top: 15px;
    right: 16px;
}


#blq-autosuggest {
    overflow:visible; margin-top:0px; padding:0px 0px; margin-left:0px;
    background:transparent none no-repeat 0 0;
}
#blq-autosuggest ul {
    border:none; background:#dcdcdc none no-repeat 0px bottom;
    width:215px; padding:0; margin-bottom:-9px;
}
#blq-autosuggest li {
     padding:7px 10px 7px 8px; font-size:1.2em; border-top:none; color:#333;
     background:transparent;
}
#blq-autosuggest li.active {
    background-color:#575757; color:#fff;
}

#blq-mast form p { 
    position:absolute;
    height:22px;
    border:none;
    bottom:auto;
    padding:0px;
    right:0;
    top:0;
    width:215px;
}

strong {
font-weight:bold;
}