/* @override 
	https://www.footypreds.co.uk/(F(GjXQrR_hvXUsmgI-SkPCOnDyUpmdoWs6l2v0LqqUjOaWD8YNJEYn1qrJg0GpkxydJnHZoTWS70QDRYb0wABOiFIPoiOyfA1FA8OdLXQ5MvM1))/Content/Site.css
	https://www.footypreds.co.uk/Content/Site.css
	https://www.footypreds.co.uk/(F(9XBIHf_7Bnp-1nRpudwz1fgdlmYo-Aox15fF2zJlbWsY_LudfLWyAjQh-Qjgq6HEHhmncHTtWHbTVPPfxyymaaHIdy8hZO2-RS9_oqFMc6A1))/Content/Site.css
	https://www.footypreds.co.uk/(F(EZtUWhc-mD8At2ogXXTMTY1jiYcBLD2cmPAK7tCHnwX51CASTwte0xJvVfPcL3kDIwezbYrhrPFPocXAqESCBXNmCqxVAHL-2HsM5E4lZ-U1))/Content/Site.css
*/

/* @group @font-face Needs to be first */

@font-face {
    font-family: 'BPdotsRegular';
    src: url('fonts/BPdots-webfont.eot');
    src: url('fonts/BPdots-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BPdots-webfont.woff') format('woff'),
         url('fonts/BPdots-webfont.ttf') format('truetype'),
         url('fonts/BPdots-webfont.svg#BPdotsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* @end */


/* @group HTML5 Reset */

/*  html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com  Twitter: @rich_clark */html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}/* change colours to suit your needs */ins{background-color:#ff9;color:#000;text-decoration:none;}/* change colours to suit your needs */mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}/* change border colour to suit your needs */hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}

/* @end */


/* @group Body */

body {
    font-size: 62.5%; 
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    margin: 0;
    padding: 5em 0;
    color: #f5f5f5;
    background-color: #333;
    background-attachment: fixed;    
}

@media screen and (max-width: 640px) {
    body { 
        /*background-image: url(images/preds-background-640.png);*/
    }
}

@media screen and (min-width:800px) {
    body { 
        /*background-image: url(images/preds-background.png);*/
        /*background-image: url(images/2014_World_Cup.jpg);*/
        background-position: center;
        background-repeat: no-repeat;
        background-color: #333;
     
    }
}

/* @end */


/* @group Fonts */

h1, h2, h3, h4, p, ol, ul, dl, blockquote {}
h1 {font-size:2.6em; display: none;}
h2 {
	margin-bottom: .5em;
	font-size:3.4em;
	font-family: 'BPdotsRegular', sans-serif;
	font-weight: normal;
	text-align: center;
	color: #000;
	text-shadow: 0 0 2px hsla(0,100%,100%,.1);
	}
	
h3 {font-size:2.2em;}
h4 {font-size:2em;}
            
a:link, a:visited {
    color: #e5e5e5;
    text-decoration: none;	
	}
a:hover, a:visited {
    color: #fff;
    text-decoration: underline;	
	}

/* @end */


/* @group Layout */

header, #header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    position: fixed;
    background: #000; /* old browsers */
    /* firefox */
    /*background: hsla(0,0%,0%,.5);*/
}

.page, nav {
    min-width: 42em;
    max-width: 72em;
    margin: 0 auto;
}

footer, 
#footer {
	position: fixed;
	bottom: 0; 
	left: 0;
	width: 100%;
    color: #999;
    padding: 10px 0;
    line-height: normal;
    background: black;
    margin: 0;
    /*overflow: hidden;*/
}

/* @end */

.editor-label, .editor-field, .display-label, .display-field
{
    display: inline-block;
    font-size: 1.5em;
    min-height: 3em;
}
.editor-label, .display-label
{
    width: 20%;
}
.editor-field, .display-field
{
    width: 60%
}

.colHome
{
text-align: right;
}

.colAway
{
text-align: left;
}

.highlightUser 
{
    background-color: green;
}

#rules p {
    font-size: 1.5em;
    padding: 0.5em;
}

/*.display-label, 
.editor-label 
{
    font-size: 1.5em;
    margin: 1em 20 0 00px;
    width: 100px;
    display: inline;
    float: left;
}

.display-field, 
.editor-field 
{
    font-size: 1.5em;    
    margin: 0.5em 90px 0 10px;
    width: 200px;
    display: inline;
}
/*

/* @group Header */

#logindisplay {
	display: none;
	padding: 0 2em;
	font-size: 1.2em;
}

nav {
    min-width: 42em;
    max-width: 72em;
    margin: 0 auto;
  
}

nav li {
    display: inline-block;
    vertical-align: middle;
    width: 12%;
}

nav a {
	display: block;
	padding: 1em 0;
	font-family: 'BPdotsRegular', sans-serif;
	font-size: 1em;
	text-align: center;
    color: #fff;
    text-decoration: none;
}

nav a:hover {
	background: hsla(0,100%,100%,.6);
	color: #000;
}

/* @end */


/* @group Pods */

.podWrapper {
    margin: 0 0 20px 0;
    padding: 10px;
    -webkit-box-shadow: 10px 10px 40px #ffffff, -10px -10px 40px #000000;
    -webkit-box-shadow: 10px 10px 40px hsla(0,100%,100%,.06), -10px -10px 40px rgba(0,0,0,.3);
       -moz-box-shadow: 10px 10px 40px rgba(255,255,255,.06), -10px -10px 40px rgba(0,0,0,.5);
            box-shadow: 10px 10px 40px rgba(255,255,255,.06), -10px -10px 40px rgba(0,0,0,.5);

    -moz-border-radius: 10px;
         border-radius: 10px;

    background: #7A7A7A; /* old browsers */
    /* firefox */
    background: -moz-linear-gradient(top, 
        rgba(255,255,255,.2) 0%, 
        rgba(0,0,0,.5) 30%, 
        rgba(0,0,0,.5) 100%);
    /* webkit */
    background: -webkit-gradient(linear, left top, left bottom, 
        color-stop(0%,rgba(255,255,255,.5)), 
        color-stop(30%,rgba(0,0,0,.5)), 
        color-stop(100%,rgba(0,0,0,.5)));
    /* ie */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8a8a', endColorstr='#131313',GradientType=0 );
    
    -webkit-background-clip: padding-box;
       -moz-background-clip: padding-box;
        -ms-background-clip: padding-box;
         -o-background-clip: padding-box;
            background-clip: padding-box;
}

.podWrapper p {
        font-size: 1.5em;
}

/* @end */


/* @group Tables */

table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
    width: 100%;
    font-size: 1.5em;
}

table td {
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}

table tr {
	border-top:  1px solid #e5e5e5;
}

table th {
    padding: 6px 5px;
    color: Black;
    text-align: center;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}

thead th {
    background-color: hsla(0,0%,0%,.3);
    color: #fff;
    font-weight: 300;
    border: none;
}

tbody th {
    color: #e5e5e5;
    font-weight: normal;
    border-top: 1px solid #fff;
    background-color: hsla(0,0%,0%,0);
    border-right: none;
}

tbody tr:hover {
    background: hsla(0,100%,100%,.5);
    color: #000;
}

/* @end */


/* @group Forms */

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: .2em;
    font-size: 1.2em;
    text-align: center;
    color: #444;
    width: 200px;
	border-radius: 5px;
	background: hsla(0,100%,100%,.8);
	box-shadow: inset 2px 2px 5px hsla(0,0%,0%,.3);    
}

input.small-input { width: 2em; }

input[type="submit"] {
	border: 1px solid #fff;
	min-width: 7em;
	padding: 1em;
	font-size: 1.2em;
	border-radius: 15px;
	color: #fff;
	font-family: 'BPdotsRegular', sans-serif;	
	background: hsla(0,0%,0%,.4);
}

input[type="submit"]:hover {
	cursor: pointer;
	border: 1px solid #000;
    background: hsla(0,100%,100%,.5);
    color: #000;
}

.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
    font-size: 1.5em;
}

.validation-summary-valid {
    display: none;
}

/* @end */


/* @group predictionsTable */

#predictionsHeader {
	max-width: 50em;
	margin: 0 auto;
	margin-bottom: 2em;

}

#predictionsHeader h2 {
	display: inline-block;
	vertical-align: middle;
/*	margin: 0;*/
}


#predictionsHeader select {
	display: inline-block;
	vertical-align: middle;
/*	padding: 2em; */
}


#predictionsHeader input {
	padding: .7em;
}

/* @end */


.back {
font-size: 1.5em;
}

/* @group upcomingFixtures */

#fixture input[type=submit] {
	float: right;
	margin-top: 1em;
}

#upcomingFixtures input[type=submit] {
	float: right;
	margin-top: 1em;
}

/* @end */


/* @group Logon Page */

#logonForm {
 width: 29em;
 margin: 0 auto;
}

#logonForm .editor-label {
	font-family: 'BPdotsRegular', sans-serif;	
}

#logonForm .editor-label,
#logonForm .editor-field  {
	display: block;
	margin: .4em auto;
	text-align: center;
	font-size: 2.5em;
	width: 100%;
}

#logonForm input[type=text],
#logonForm input[type=password] {
	width: 8.5em;
}

#logonForm input[type=text],
#logonForm input[type=password] {
	padding: .3em .5em;
}

#logonForm input[type=submit] {
 float: right;
}

/* @end */


/* @group Ticker */

.mask {
    margin: 0 20px;    
}

#newsTicker {
    position: relative;
    margin: 0;
    padding: 0;
}

#newsTicker li {
    float: left;
    list-style: none inside;
    margin-right: 10px;
    padding: 0;
    background: none;
}

#newsTicker a {
    text-decoration: none;
    font-size: 1.2em;
}

/* @end */


/* @group Pager */

DIV.pager { text-align:right; border-top: 2px solid silver;
padding: .5em 0 0 0; margin-top: 1em; }
DIV.pager A { font-size: 1.1em; color: #666; text-decoration: none;
padding: 0 .4em 0 .4em; }
DIV.pager A:hover { background-color: Silver; }
DIV.pager A.selected { background-color: #353535; color: White; }

/* @end */





/* @group Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/* @end */