#promo-content-container{
width:730px;  
margin:auto;
clear:both;
background: url(/templates/buzztimecorporate/images/buzztime-sidebar-tile.jpg) repeat-y top right ;
}
#promo-content{
 width:480px;
 float:left;
 margin:6px;
 text-align:left;
}
#promo-callout{
  width:220px;
  float:right;
  margin:12px 10px 0 0;
  font-weight:bold;
  font-size:1.3em;
  line-height:1.4em;
  text-align:center;
}

#promo-header-image {}
#promo-footer-image {}
 
#promo-nav {
   width:auto;
   /*margin:-1px 0 8px -5px;*/
   margin:0 0 8px 0; 
   background-color:#f0f0f0;
   border-bottom:1px solid #e1e1e1;
}

#promo-nav ul {margin:0;padding:0}

#promo-nav li {
   float:left;
   display:block;
   text-align:center;
   border-right:1px solid #ccc;
   border-left:1px solid #fff;
   margin:0;
   padding:4px 8px 4px 8px;
   
}
#promo-nav li:first-child {
   border-left:0;
}


#promo-nav li a {
font-weight: bold;
}

#promo-nav li a:link, #promo-nav li a:visited {
text-decoration: none;
}

#promo-nav li a:hover {
text-decoration: underline;
}

#promo-nav li.selectedPage { background-color:#4a4f55}
#promo-nav li.selectedPage a,li.selectedPage a:visited {color:white;}

/* FRONT END EDITING */
.edit-form-title { color:#FFFF80;}
.hasTip img{vertical-align:middle;margin-right:4px;}
img.calendar{vertical-align:middle;}
.sample {margin-top:4px;}    

#promo-control {
    margin:8px 0;
    font:bold 10px verdana;
    width:auto;
   padding:2px;
}
.promo-control-item {
  float:left;width:auto;margin-right:12px;white-space:nowrap;
}

.promo-control-item img{
   vertical-align:middle;
   margin-right:4px;
} 

.required {color:red;font-size:10px;vertical-align:top}

/* COMPETITIONS */
#competition-data {/*the container */}
#competition-data label {font-weight:bold}
.rowColor1 {background-color:#f0f0f0;}
.rowColor2 {background-color:#e1e1e1;}

.competition-name { 
background-color: #4B5056;
color: #ffffff;
font-size: 14px;
font-weight: bold;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
height: 18px;
line-height: 18px;
}

input.paging {
 width:24px;vertical-align:bottom;font-size:10px;line-height:10px; 
}

.column-titles td {
    background-color:#96A0AA !important;
    color:white;
    font-weight:bold;
    text-align:left;
    padding:4px;
}

.group-title{
color:#4B5056;font-size:1.2em;font-weight:bold;
}

a.mode-button {
display:block;
float:left;
width:80px;
margin-right:4px;
text-align:center;
border:1px solid #ccc;
background-color:#e1e1e1;
color:#777 !important;
font-weight: bold !important;
text-decoration: none !important;
}

a.mode-button.selected
{
background-color:#fafafa;
border:1px solid #003366;
color:#003366 !important ;
font-weight: bold;
text-decoration: none;
}

a.mode-button:hover {
color:#003366 !important ;
border:1px solid #003366 !important;   
text-decoration: underline !important;
}

.pagination {
float:right;
text-align:right;
width:360px;
height:24px;
}
.record-count {
float:left;
width:150px;
height:20px;
line-height:20px;
font-weight:bold;
}
.winner-holder{
clear:both;
margin-top:12px;
margin-left:6px;
}
.winnergroup {
border:1px solid #ccc; 
background-color:#f1f5f6 /*#f1f5f6 very light blue */;
}

#qual-message {
margin-top:10px;
padding:6px;
}

div.ptabs {
/* override */
/*
padding-top: 10px; padding-left: 14px;
margin-left: 14px;
*/
margin-top: 10px;
background: none;
background-color: white; 
}

div#ty_panel {
background-color: #ced5dd; 
display: block; 
overflow: hidden;
position: relative; 
width: 730px; 
/* 
height: 800px;  
*/
}

div.ty_bracket_c1 {
 /* these will both be calculated */
}

div.ty_tile {
position: absolute; height: 75px; width: 250px;
}

div.ty_tile_season_site,
div.ty_tile_season_opp {
top: 40px; 
}

div.ty_tile_season_site {
left: 70px;
}

div.ty_tile_season_opp {
left: 400px;
}

div.ty_background {
position: absolute;
}

div.ty_logo {
position: absolute; top: 5px; left: 5px;
}

div.ty_site {
position: absolute; top: 7px; left: 75px;
}

div.ty_city {
position: absolute; top: 26px; left: 75px;
}

div.ty_standings {
position: absolute; top: 49px; left: 75px; font-size: 11px; font-weight: bold; color: #ffffff;
}

div.ty_site2 {
position: absolute; top: 7px; left: 15px;
}

div.ty_city2 {
position: absolute; top: 26px; left: 15px;
}

div.ty_standings2 {
position: absolute; top: 49px; left: 15px; font-size: 11px; font-weight: bold; color: #ffffff;
}

div.ty_score {
position: absolute; top: 49px; right: 10px; font-size: 11px; font-weight: bold; color: #ffffff;  text-transform: uppercase;
}

div.ty_site a {
font-weight: bold; font-size: 14px;
}

div.ty_site2 a {
font-weight: bold; font-size: 14px;
}

div.ty_results {
position: absolute; top: 78px; width: 100%; text-align: center; font-size: 11px; font-weight: bold; text-transform: uppercase;
}

div.ty_bout {
position: relative; width: 100%; height: 90px;
}

div.ty_bout_vs,
div.ty_bout_site_vs {
position: absolute; top: 40px; left: 320px; font-weight: bold; text-align: center; width: 80px;
}

div.ty_bout_site_vs {
top: 78px;
}

div.ty_header_text
{
position: relative; 
text-align: center;
font-size: 1.3em;
font-weight: bold;
width: 100%; 
}

div.ty_header_text a,
div.ty_header_text a:link,
div.ty_header_text a:hover,
div.ty_header_text a:visited,
div.ty_header_text a:hover {
font-weight: bold;
}

div.ty_bout_site {
height: 120px;
position: relative; 
width: 100%; 
}

div.ty_bout_site_week {
position: relative; 
text-align: center;
top: 10px; 
width: 100%; 
}

div.ty_bout_site_date {
font-weight: bold;
position: relative; 
text-align: center; 
top: 10px; 
width: 100%; 
}

/* playoffs */
/*
widths should add up to ty_panel width (730) 
*/

div.ty_header {
padding-top: 10px;
padding-bottom: 10px;
/* background-color: green; */
width: 100%;
}

div.ty_playoffs_round {
font-size: 1.3em;
font-weight: bold;
text-align: center;
}

div.ty_playoffs_round_date{
font-size: 1.0em;
font-weight: bold;
text-align: center;
}

div.ty_playoffs_col {
float: left;
}

div.ty_playoffs_block {
position: relative;
}

div.ty_playoffs_bracket,
div.ty_playoffs_bracket_item {
position: absolute;
}

div.ty_playoffs_tile {
height: 75px; 
position: absolute; 
width: 250px;
}