﻿
body {
    font-family: Open Sans, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.bracketLinkHeader
{
    font-size:14px;
	color: #2D67B8;
	margin: 2px 2px 2px 2px;    
}
img
{
	border-width: 0;
}
.prelimBracketLinkHeader
{
	font-size: 16px;
	color: #2D67B8;
	margin: 2px 2px 2px 2px;  	  
}
.PrelimBracket
{
	vertical-align: top;	
	text-align: center;
}
.finalBracketLinkHeader
{
    font-size:18px;
	color: #2D67B8;
	margin: 2px 2px 2px 2px;
}
.searchHeader
{
    font-size:10px;
	font-weight:bold;
	color: #668;
	margin: 0 0 0 0;
	text-align: right;
}
.searchHeader div
{
	font-style: inherit;
	font-family: inherit;
	color: inherit;
}
.searchBox
{
	margin: 0;
}
.altRow
{
	background-color: #dae8ff;
}
.title {
	font-size: 18px;
	font-weight: normal;
	color: #668;
	vertical-align: bottom;
}
.rh
{
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
.rh2
{
	font-size: 16px;
	font-weight: normal;
	font-style:normal;
	color: #333;
}

.intro
 {
	font-size: 11px;
	font-weight: normal;
	color: #668;
	vertical-align: top;
	text-align: justify;
	width: 30%;
}
.searchResult
{
	font-size: 12px;
	font-style:normal;
	color: #333;
}
p {
	font-size: 18px;
	font-weight: normal;
	color: #668;
	text-align: justify;
}
h1 {
	font-size: 24px;
	color: #3169BB;
	text-align: left;
}
.bracketHeader {
	font-size: 20px;
	color: #3169BB;
	text-align: left;
}
td {
	font-size: 12px;
	line-height: normal;
	color: #87B0D0;
	text-align: left;
}
.footer {
	font-size: 12px;
	line-height: normal;
	color: #87B0D0;
	text-align: left;
	white-space: nowrap;
}
.underfooter {
	font-size: 10px;
	color: #668;
	text-align: left;
}
h3 {
	font-size: 16px;
	color: #668;
}
h4 {
	font-size: 12px;
	color: #2D67B8;
}
h5 {
	font-size: 12px;
	color: #668;
}
th {
	font-size: 12px;
	color: #668;
	font-weight:bold;
	text-align: left;
}
h2 {
	font-size: 20px;
	color: #2C2C2C;
}
th a {
	color: #333;
	font-size: 20px;
}
A
{
	color: #333;
    text-decoration: underline;
    cursor:pointer;
    text-indent: 0.5em;
}
A.BreadCrumb
{
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	display: inline;
}
div.BreadCrumb {
    font-family: Open Sans, Helvetica, Arial, sans-serif;
    color: #333333;
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
}
.highlight td
{
	background-color: Yellow;
	color: Black;
}
.rpt {
    font-family: Open Sans, Helvetica, Arial, sans-serif;
    font-style: normal;
    border-spacing: 0;
    table-layout: fixed;
}
.rpt th
{
	color: Black;
	padding-left: 5px;
	border-bottom: solid 1px black;
	font-size: 11px;
}
.rpt td
{
	font-style: normal;
	color: Black;
	padding-left: 5px;
	border-bottom: solid 1px black;
	font-size: 14px;
}
tr.rptOddRow td, .rptEvenRow td
{
	color: Black;
	border: solid 1px black;
	font-size: 14px;
}
tr.rptOddRow td
{
	background-color: #E0E0E0;
}
.center
{
	text-align: center;
}
.payout
{
	font-size: 12px;
	color: #2D67B8;
}

.logoImg
{
    height: 85px;
    padding-top: 10px;
    padding-left: 5px;
}

/* Generated by http://css.spritegen.com CSS Sprite Generator */
.ctscsi-logo-l-2020, .ctsbanner, .ctscsi-logo-r-2020, .ctsfooter, .ctsdebracketfinal,
.ctspooltable, .ctsdebracketprelim, .ctsdoubles, .ctssingles, .ctsteams,
.ctsmatches, .ctsbracketicon, .ctsnews-note-cold {
    display: inline-block;
    background: url('../images/ctsSprite.png') no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
}
.ctscsi-logo-l-2020 {    background-position: -2px -0px;    width: 1000px;    height: 247px;}
.ctsbanner {    background-position: -2px -249px;    width: 650px;    height: 100px;}
.ctscsi-logo-r-2020 {    background-position: -2px -351px;    width: 650px;    height: 100px;}
.ctsfooter {    background-position: -2px -453px;    width: 650px;    height: 25px;}
.ctsdebracketfinal {    background-position: -2px -480px;    width: 400px;    height: 230px;}
/*.ctspooltable {    background-position: -654px -249px;    width: 278px;    height: 158px;}*/
.ctsdebracketprelim {    background-position: -654px -409px;    width: 180px;    height: 141px;}
.ctsdoubles {    background-position: -836px -409px;    width: 100px;    height: 100px;}
.ctssingles {    background-position: -404px -480px;    width: 100px;    height: 100px;}
.ctsteams {    background-position: -506px -480px;    width: 100px;    height: 100px;}
.ctsmatches {    background-position: -934px -249px;    width: 55px;    height: 31px;}
.ctsbracketicon {    background-position: -934px -282px;    width: 51px;    height: 31px;}
.ctsnews-note-cold {    background-position: -934px -315px;    width: 16px;    height: 16px;}


.csiLogo {
    background: url('../images/csiLogo.png') no-repeat;
    width: 133px;
    height: 95px;
    overflow: hidden;
    text-align: left;
    display: inline-block;
    background-size: 133px 95px
}
.ctsPoolTable {
    background: url('../images/pooltable.png') no-repeat;
    overflow: hidden;
    text-align: left;
    display: inline-block;
    width: 278px;
    height: 158px;
    text-indent: initial;
}

.sticky {
  position: fixed;
  top: 8px;
  width: 100%;
  background-color: white;
  z-index: 999999
}

.greetingHeader {
    position: absolute; 
    top: 15px; 
    left: 155px; 
    border: 0 solid red; 
    width: 650px; 
    height: 80px; 
    text-align: center; 
    vertical-align: middle
}

.greetingContent{
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-size: contain;
}
a.button {
    transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    display: block;
    margin: auto;
    max-width: 230px;
    text-decoration: none;
    border-radius: 4px;
    padding: 20px 30px;
    vertical-align: middle;
    cursor: pointer;
    color: #006699;
    color: rgba(0, 120, 174, 1.0);
    box-shadow: rgba(0, 120, 174, 0.5) 0 0 0 2px inset;
}
a.button:hover {
    color: #ffffff;
    color: rgba(255,255,255,.85);
    box-shadow: rgba(0,120,174,.8) 0 0 0 40px inset
}
