@import url(https://fonts.googleapis.com/css?family=Playfair+Display);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url('https://fonts.googleapis.com/css?family=Racing+Sans+One');


/* BASIC STYLES ===================================== */

body {
    background-color:#919191; 
    background-repeat: no-repeat ;
    background-position:center top ;
    background-attachment: fixed;
    background-size: 100% auto;
    overflow-x: hidden;
	padding: 0 ; 
	margin: 0 ; 
	
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

p, td, div, span, nav {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1em;
    color: #000; /*  dark_grey */
    line-height: 1.7em ;
    text-align: left ; 
    margin: 0 ; 
    padding: 0 ; 

}

p {
padding-top: 10px ; 
}

div{
  color: #000;
}



.wrap {
  width: 90% ;
  margin: 0 auto; ; /* auto 0 auto ;  float middle */
  border: none ; /* 2px solid #e2e2e2;  */
  overflow: hidden ; 
  min-height: 800px ;
  background:  url( '../../../photos/bg_tint.png') repeat;   
}

.left {
    float: left;
    width: [[$left]]; 
    /* border-right: 1px red solid ;  */
    height: 100% ; 
    padding-left: 25px ; 
}

.right{
    float: right;
    width: 100% ; 
/*    width: calc(100% - [[$left]] ); */
/*    width: [[$right]];  */
/*    border-left: 1px gray solid ; */
   padding: 0 25px 10px 15px ;
/*   border-left: 1px #d1d1d1 solid ;  */
}

.one{
  float: left; 
  width: 100% ; 
  margin-top: 1px ; 
  padding: 5px ; 
}

.half{
  width: 50% ;
}

.third{
  width: 33% ;
}

.qtr{
  width: 24% ;
}

.threeqtr{
 width: 74% ;
}

.twothirds{
 width: 65% ;
}

.center{
  text-align: center ;
  margin: 0 auto; 
}

.bg_red{
  background-color: #eb0101 ; 
}

.color1{
  color: #930400 ;
}

.textright{
  text-align: right ; 
}

.textleft{
  text-align: left ; 
}

.textcenter{
  text-align: center ; 
}


table.report td{
  text-align: center ; 
}

.bold{
  font-weight: 900 ; 
}

.nopad{
  padding: 0 ; 
}

.padleft20px{
   padding-left: 20px ; 
}

.padleft40px{
   padding-left: 40px ; 
}

.nomarg{
  margin: 0 ; 
}

nav.main-navigation {
    z-index: 990;
    height: 35px;
    width: 98%;
    line-height: 20px;
    margin: 6px 0 0 10px;
	padding: 5px 0 0 0px ;
    background-color: #930400;
	background-image: url( '../../../photos/red_bar_gradient.png' ); 
    background-repeat: repeat-x ;	
	text-align: right ; 
	box-shadow: 0 4px 2px -2px gray;
}

.team_logos{

    height: 60px;
    width: 98%;
    margin: -10px 0 0 10px;
	padding: 7px 0 0 0 ;
/*      
  background-color: #fff; 
*/
background-position: right top;	
	text-align: right ;
	background-image: url( '../../../photos/team_logos_bg.png' ) ;
    background-repeat: no-repeat ;

}

img.team_logo{

  text-align: right ; 
  width: 50px ; 
  margin: 0 10px 0 0 ;

}

.sidebar{
  
/*  background: #e3d260 url('../../../photos/sidebar_bg.jpg') repeat;   */
  background: #000 url('../../../photos/sidebar_bg.jpg') repeat;  
  margin: 1px 0 0 15px ; 
  color: #FFFFFF ;
  min-height: 500px ; 
  padding: 60px 18px 0 18px ;
  line-height:20px ;

}

.winner{
   color: #bd0500; 
   font-size: 28px ; 
   font-weight ; bold; 
}

.results_loser{
   color: #fff; 
   font-size: 28px ; 
   font-weight ; bold; 
}
.results2_loser{
   color: #000; 
   font-size: 28px ; 
   font-weight ; bold; 
}

.leading_scorer {
   font-size: 14px ; 
   color: #930400 ;
}

.sidebar h3{
 color: #FFFFFF ;
}

table.results_brief {
width: 100% ;
}

table.results2_brief{
  width: 500px ;
}

td.results_game{
text-align: center; 
padding: 5px 0 ; 
background-color: #930400 ;  
}

td.results2_game{
text-align: left; 
padding: 5px 0 5px 10px ; 
background-color: #ababab ;  
}


td.results .leading_scorer, td.results a:link, td.results a:visited{
color: #FFFFFF ;
}

td.sidebar_team a:link, td.sidebar_team a:visited{
color: #fff ;
}

.redbg{
  background-color: red ; 
}

.grnbg{
  background-color: green ; 
}

.lg{ 
  font-size: 20px ; 
}

img.ftr{
  margin-top: 100px ; 
  width: 50% ; 
  background-color: none ;
 
}

img.team_imgs{
  max-width: 440px ; 
  width: 100% ; 
  margin-bottom: 10px ; 
}


.home_footer{
padding: 20px 0 20px 0 ; 
text-align: center ; 
color: #fff ; 
font-size: 22px ; 

}

.home{ /* homepage squares for the main menu */
  width: 18% ;
  float: left ;
  font-size: 20px ; 
  text-transform: uppercase ;
  color: #000 ;
/*  background-color: #000 ;  */
  text-align: center ;
  margin: 0 10px 0 0 ;

}

.home_div{
  margin: 0 0 0 5% ; 
}

.home img{
  width: 100% ;
}

/* for mouseover image swap */
.home_swap img:last-child{display:none}
.home_swap:hover img:first-child{display:none}
.home_swap:hover img:last-child{display:inline-block}

/* -------- */

.home a:link, .home a:visited {
  color: #000 ;
  text-decoration: none ;
}

.home a:hover {
  color: #930400 ;
  text-decoration: none ;
}

.content{
  padding: 5px 15px 0 15px ; 
}

.trans_bg {
    min-height: 100% ; 
    margin-top: 45px ; 
    padding: 0 20px 0 20px;
/*
    background: url('../../uploads/images/layout/tint.png') repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% auto;
*/
}


nav.mini-navigation {
  display: none ;
}


.logo_horse {
  float: left;
  position: relative ;
  padding: 0 15px 0 20px ; 
  margin: -10px 0 0 0 ;
  border: none ; 
  width: 250px ;  
 
}

.logo {
  float: left;
  position: relative ;
  padding: 0 15px 0 5px ; 
  margin: -3px 0 0 0 ;
  border: none ; 
  width: 330px ;  
 
}

.clr_mini{
  display: none ;
}

.clr{
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0
}

.header{
   /* background: #000 url( '[[$path]]/header.jpg' ) ; */
    background-repeat: repeat ;
    height: 95px ;
}

.footer {
  clear: both ; 
  min-height: 120px ; 
 /* background: #000 url( '[[$path]]/header.jpg' ) ; */
  font-size: 12px ; 
  color: #dcdcdc ;
  padding: 10px 20px 0 10px ; 
  background: rgb(25,25,25);
background: linear-gradient(180deg, rgba(25,25,25,1) 46%, rgba(69,69,69,1) 100%);
  -webkit-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75);
  box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75);
  
  
}

.header_btn{
  float: right ;
  margin: 0 10px 0 20px ;
  width: 200px ; 
  display: inline ;
}

.footer_btns{
  width: 100% ;
  margin: 0 ;
}

.tap,
input.tap, a.tap:link, a.tap:visited{
  display: block ;
  background-color: #930400 ;
  color: #fff ; 
  padding: 6px 10px 6px 5px ;
  margin: 10px 0 5px 0 ; 
  text-align: center ;
  font-weight: bold ; 
  text-decoration: none ; 
  border: none;
  width: 100px ; 
 
}

.tap2,
input.tap2, a.tap2:link, a.tap2:visited{
  display: block ;
  width: 100px ; 
  background-color:  #eb0101 ; 
  line-height: 18px ;
  padding: 3px 10px 3px 5px ;
  margin: 10px 0 5px 0 ; 
  text-transform: uppercase ;
  text-align: center ;
  font-weight: bold ; 
  color: #fff ; 
  text-decoration: none ; 
  border: 2px solid #8f8f8f ;
}

.tap3,
input.tap3, a.tap3:link, a.tap3:visited{
  display: block ;
  font-size: 20px ;
  background-color:  #fff ; 
  line-height: 18px ;
  padding: 15px 0 15px 0 ;
  margin: 10px 0 0 0 ;
  text-transform: uppercase ;
  text-align: center;
  font-weight: bold ; 
  color: #eb0101 ; 
  text-decoration: none ; 
  border: none ;
  width: auto ;
}

hr {
    border: solid #d8d8d8;
    border-width: 1px 0 0 0;
    clear: both;
    margin: 10px 0 2px 0;
    height: 0;
    padding: 5px 2px 5px 2px   ; 
	width: 100% ;
}

.red_bar{
  width: 5% ;
  float: left ;
  margin: 75px 0 0 0 ;
  background-color: #930400 ;
  height: 35px ;
}

.red_border{
  border: 3px solid #eb0101 ;
  line-height: 15px ; 
  width: 45% ; 
  padding-top: 10px ;
}

.red_border p {
line-height: 15px ; 
}

.red_border ul{
margin: 5px 0 2px 0  ; 
}

.view_bg {
  height: 800px ; 
  background: none ; 
  width: 100%; 
  text-align: center ; 
}

.costs td{
  line-height: 16px;  
  border-collapse: collapse;
}

a.btn:link, a.btn:visited {
    color: #fff;
    padding: 5px 10px;
    background-color: #930400;
    text-decoration: none;
}

a.btn:hover {
  color: #fff;
  background-color: #eb0101;
  text-decoration: none ;
  font-weight: bold ;
}

input.btn, input.fbsubmit {
  color: #fff;
  padding: 10px 15px ;
  margin: 15px 0 0 0 ;
  background-color: #930400;
  text-decoration: none ;
  border: 0 ;
  cursor:pointer;
}

a.side:link, a.side:visited {
    color: #eb0101;
    padding: 5px 6px;
    text-decoration: none;
}

a.side:hover {
  color: #eb0101;
  text-decoration: none ;
  font-weight: bold ;
}

/* headings */

h1,h2,h3,h4,h5 {
  font-family: 'Playfair Display', serif;
  line-height: 1.2em ;
}

h1 {
  font-size: 2em; 
  font-weight: normal; 
  
  margin-bottom: 0px ; 
  padding-bottom: 10px ;
  color: #930400; 
  /* border-bottom: 1px solid #e3d260 ; */
   /*border-bottom: 1px solid #d8d8d8 ;*/
}

h2{
/*
  color: #eb0101;
  margin: 0 ;
  font-size: 1.6em;  
*/
  color: #fff;
  font-size: 1.6em;  
  padding: 5px 10px 5px 10px ;
  width: 100% ;
  font-family: 'Racing Sans One', cursive;
  margin-bottom: 10px ;
  box-shadow: 0 4px 2px -2px gray;
  background: rgb(25,25,25);
background: linear-gradient(180deg, rgba(25,25,25,1) 46%, rgba(69,69,69,1) 100%);

}

h3{
/*
  color: #000;
  font-size: 1.3em; 
  margin-bottom: 0 ;
  margin-top: 0 ; 
  background-color: #eb0101 ;
  */
  color: #930400 ;
  font-size: 1.6em;  
  border-bottom: 1px solid #930400;
  padding: 5px 10px 5px 0px ;
  width: 100% ;
  margin-bottom: 10px ; 
  font-family: 'Racing Sans One', cursive;
}

h4{
  color: #eb0101;
  margin: 0 ;
  font-size: 1em; 
}

h5 {
  font-size: 1.5em; 
  color: #8f8f8f; /* darker grey */ 
  text-transform: uppercase ;
  text-align: center ;
}



/* FormBuilder CSS base */
form {
	margin-top: 0
}
form, td, th, li {
	font-size: 100%
}
form div {
	margin-bottom: 0
}
fieldset div {
	margin-bottom: 0.5em;
	margin-left: 1em;
}

textarea {
	margin: 0.5em 0;
	width: 98%;
	height: 6em
}

textarea.contact {
	margin: 0.5em 0;
	width: 250px ;
	height: 100px ;
}

/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
	margin: 0.5em 0;
	width: 200px;
	text-align: center
}
.captcha img {
	border: 1px solid #b50000;
	margin-bottom: 0.5em
}
.captcha input {
	width: 196px;
	margin-top: 0.5em
}
/* Just a bit more room for the Submit button */
.submit {
	margin-top: 0.5em ; 
  
}
.contactform input {
	border: 1px solid #b50000;
}
.contactform input.checkbox {
	border: none;
}
.contactform label {
	display: block;
	float: left;
	width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #fff;
	border: 1px solid #b50000;
   width: 90% ;
   height: 200px ; 
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}