﻿html
{
    overflow-y: scroll;
    padding: 0 0;
}
body 
{
    background-image: url(../images/20/bg.png);
    background-repeat: repeat-x;
    background-color: #cecfd1;
    color: black;
    font-family: Arial;
    line-height: 1em;
    margin: 0 0 0 -7px;
    padding: 0 0;
    min-height: 65px;
}

a, a:visited
{
    color: #f78e1e;
}

a:hover
{
    color: #61A706;
}

a:active
{
    color: #666;
}

a.AltA, a.AltA:visited
{
    color: #666;
}

a.AltA:hover
{
    color: #fef4e8;
}

h1
{
    color: #f78e1e;
}

#TCLoginView
{
    margin: 0 auto;
    width: 900px;
}

#TCLoginView input[type="text"], #TCLoginView input[type="password"]
{
    border: solid 1px #999;
    color: #333;
    padding: 3px 5px;
}

.TCTextboxWatermark, .TCLoginWatermark, .TCPasswordWatermark
{
    color: #aaa;
}

.TCLoginWatermark
{
    background-image: url(../images/20/watermark_username.png);
    background-repeat: no-repeat;
    background-position: 3px top;
    color: #FFF;
}
 
.TCPasswordWatermark
{
    background-image: url(../images/20/watermark_pass.png);
    background-repeat: no-repeat;
    background-position: 3px top;
    color: #FFF !important;
}

/*** Core Layout ***/
#TCCanvas
{
    margin: 0 auto;
    padding: 0;
    width: 1000px;            
}
#TCHeader
{
    background-repeat: no-repeat;
    background-position: center 41px;
    height: 125px;
    width: 1005px;
    position: absolute;
    top: 0;
}
#TCClientHeaderBase
{
    background-position: center top;
    background-repeat: no-repeat;
    height: 132px;
    width: 1005px;
    position: absolute;
    top: 43px;
}
#TCClientHeader
{
    background-image: url(../images/tennis/header_gray.png);
    background-color: #cecfd1;
    height: 250px;
    position: relative;
    margin: 0 auto;
    width: 985px;   
    border: solid 1px black;
}
#TCClientHeaderOverlay, .TCClientHeaderOverlay
{            
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 100%;
}
.TCHeaderLink1, .TCHeaderLink2
{
    height: 50px;
    width: 230px;
    position: absolute;
    top: 41px;
    left: 10px;
    display: block;
    position: absolute; 
    z-index: 20;
}
#TCHeaderExpando
{
    background-image: url(../images/20/header_expando_raw.png);
    background-position: center top;
    background-repeat: repeat-y;
    position: absolute;
    top: 125px;
    width: 1005px;
    height: 10px;
    margin: 0 auto;
}
.TCTabs
{
    background-image: url(../images/20/header_expando_raw.png);
    background-repeat: repeat-y;
    background-position: center top;
    height: 25px;
    width: 1005px;
    padding: 0 0;
    position: absolute;
}
#TCStageBase
{
    top: 175px;
    position: absolute;
    width: 1005px;
}
.TCSearchBar
{
    background-color: Transparent;
    left: 610px;
    position: absolute;
    text-align: left;
    top: 45px;
    width: 985px;
    z-index: 100;
}
.SportSwitcher
{
    left: 15px;
}
#TCStageFrame
{
    background-image: url(../images/20/bg_stage_frame.png);
    background-repeat: repeat-y;
    background-position: center top;
    position: relative;
    padding: 2px 0 35px 0;
}
#TCStage
{
    background-color: #fff;
    margin: 0 auto;
    min-height: 400px;
    width: 985px;
}
#TCFooter
{
    background-image: url(../images/20/footer_raw.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 80px;
    margin: 0 0 25px 0;
}
#TCSubFooter
{
    color: #b9b9b9;
    font-size: 8pt;
    margin: -15px auto 35px;
    text-align: center;           
    width: 1005px;
}
#TCSubFooter a, #TCSubFooter a:visited
{
    color: #b9b9b9;
}
/*** End Core Layout ***/

.TCMarcomContent
{
     color: #666; 
     font-size: 10pt;
     line-height: 1.5em;
     background-color: #FFF;
}

.TCMarcomContent h1
{
    font-size: 16pt;
    margin-top: .75em;
    margin-bottom: 1.0em;
}

.TCMarcomContent h2
{
    font-size: 10pt;
    color: #333;
    font-weight: bold;
    margin-top: .75em;
    margin-bottom: .5em;
}

.TCMarcomContent p
{
    margin: 0 0 .75em;
}

.TCFAQQuestion
{
    margin: 5px 0 0;
    background-color: #fef4e8;
    border-bottom: solid 4px #FFF;
}

.TCFAQQuestion a
{
    color: #333;
    font-weight: bold;
    font-size: 8pt;
    text-decoration: none;
}

.TCFAQQuestion a img
{
    padding-left: 15px;
}

.TCFAQAnswer
{
    margin: 0; 
    color: #333; 
    background-color: #f2f2f2; 
    padding: 15px;
    margin: 0 0 15px 0;
    font-size: 8pt;
}

.ValidationSummary
{
    background-color: #EFEFEF; 
    border: solid 2px #ff0000; 
    padding: 5px 15px;
    color: #000;
    margin: 0 15px 10px 0;
}

.ValidationSummary ul
{
    list-style-type: square;
    margin: 5px 0 5px 45px;
}

.ValidationSummarySliderCanvas
{
    display: none;
}

.ValidationSummarySlider
{
    background-color: #EFEFEF; 
    border: solid 2px #ff0000; 
    padding: 5px 15px;
    color: #000;
    margin: 0 0 10px;
}

.ValidationSummarySlider ul
{
    list-style-type: square;
    margin: 5px 0 5px 45px;
}

.TCTestimonial h2
{
    color: #F78e1e;
    font-size: 14pt;
    margin: 0;
}

.TCTestimonial+.TCTestimonial
{
    border-top: solid 1px #f2f2f2; 
    margin-top: 25px; 
    padding-top: 25px;
}

.BreadCrumb
{
    margin: 10px 10px 0;
}

.BreadCrumbAdmin
{
    margin: 10px 10px 0;
    padding: 10px;
}

.TencapAdvisoryMessage
{
    line-height: 1.5em;
}

.AdvisoryLabel
{
    background-color: #f78e1e; 
    border: solid 2px #f78e1e;
}

.MatchHistory
{
    width: 935px;
}

a.Subtle
{
    color: #000;
}

a.Subtle:hover, a.Subtle:active
{
    color: #f78e1e;
}

a.Stealth
{
    color: #000;
}

a.Stealth:hover
{
    color: #000;
}

a.SemiStealthReverse, a.SemiStealthReverse:visited, a.StealthWhite, a.StealthWhite:hover, a.StealthWhite:active, a.StealthWhite:visited
{
    color: #FFF;
}

a.Stealth:active, a.SemiStealthReverse:active
{
    color: #000;
}

a.SemiStealth
{
    text-decoration: none;
}

a.SemiStealth:hover, a.SemiStealth
{
    text-decoration: underline;
}

a.SemiStealthReverse:hover
{
    color: #dbebbd;
}

a.Disabled, a.Disabled:hover, a.Disabled:active
{
    color: #999;
}

a.Inverted
{
    color: #fff;
}

a.Inverted:hover
{
    color: #555;
}

.AdminPanel
{
   top: 5px !IMPORTANT;
   left: 105px !IMPORTANT;
}

.StatusFeedContainer a, .StatusFeedContainer a.Active
{
    text-decoration: none;
}
.StatusFeedContainer a:hover
{
    text-decoration: underline;
}

.StatusUpdateValidationSummary
{
    font-size: 8pt;
    border: solid 1px red; 
    text-align: center;
    margin: 3px 0;
}

.StatusUpdateValidationSummary ul
{
    margin: 5px 0 5px 5px;
}

.Events th
{
    background-color: #CCC; 
    color: #666;
    font-size: 8pt;
    text-align: left;
    color: #f2f2f2;
    padding: 2px 3px 2px 6px;
    font-weight: bold;
}
.Events tbody tr.odd td
{
    background-color: #f2f2f2;
}
.Events td
{
    font-size: 8pt;
    padding: 3px 3px 3px 6px;
}
#Column1
{
    width: 710px; 
    float: left; 
}
#NewsSection
{
    margin: 0 auto;
}
#NewsBodySection
{
    margin-top: 3px;
    overflow-x: hidden;
}

.NewsItemDetail
{
    border-left: solid 1px #ccc;
    padding: 0 0 5px 10px;
    margin: 15px 5px 10px 15px;
    overflow: hidden;
}

.NewsItemFooter
{
    margin: 15px 5px 0;
}
.NewsItemFooter .Byline a
{
    color: #AAA;
    text-decoration: none;
}
.NewsItemFooter .Byline a:hover
{
    text-decoration: underline;
}
#Column2
{
    width: 275px;
    float: left;
}

#CalendarSection, .SidebarSection
{
    margin: 0 auto;
    width: 255px;
}

#CalendarBodySection
{
    margin-top: 3px;
    overflow-x: hidden;
    padding-right: 5px;
}
.SideBarBodySection
{
    font-size: 8pt;
    margin: 5px 5px 15px;
}
.CalDayHeader
{
    font-size: 8pt;
    color: #999;
    text-align: center;
}
.CalDay, .CalWeekendDay, .CalTodayDay, .CalOtherMonthDay, .CalSelectedDay
{
    font-size: 8pt;
    color: #555;
    text-align: center;
    width: 22px;
    height: 22px;
}
.CalWeekendDay
{
}
.CalTitle
{
    background-color: #dbebbd;
    font-size: 8pt;
    font-weight: bold;
    text-align: left;
}
.CalTodayDay
{
    background-color: #efefef;
    color: #000;
    font-weight: bold;
}
.CalNextPrev
{
    font-size: 8pt;
}
.CalOtherMonthDay
{
}
.CalSelectedDay
{
    color: #fff;
    background-color: #f78f1e;
}
.CalSelector
{
    cursor: hand;
}
.WithData
{
    font-weight: bold;
}

div.breadcrumbs 
{
    background-color: #e4f4e4;
    color: #000;
    overflow:hidden;
    margin: 15px 0 0;
    padding:0;
    height:30px;
    line-height:30px;
}
div.breadcrumbs span {
    background:url(../images/breadcrumb_off.jpg) no-repeat right center;
    float:left;
    overflow:hidden;
    height:30px;
    font-style:normal;
    padding: 0 30px 0 15px;
}
div.breadcrumbs span.Active {
    background:url(../images/breadcrumb_active.jpg) no-repeat right center;
    color: #FFF;
    background-color: #548461;
    font-weight: bold;
}
div.breadcrumbs span.Done {
    background:url(../images/breadcrumb_done.jpg) no-repeat right center;
    color: #ccc;
    background-color: #548461;
}
div.breadcrumbs a
{
    color: #000;
    text-decoration: none;
}
div.breadcrumbs span.Active a
{
    color: #FFF;
}
div.breadcrumbs span.Done a
{
    color: #ccc;
}

table.SearchCriteria td
{
    padding-right: 5px;
}
table.SearchCriteria label
{
    color: #999;
    font-size: 8pt;
}

th.header { 
    background-image: url(/general/images/sortable_999.gif);     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center right; 
    border-right: 1px solid #ddd;
    text-align: center; 
    padding-right: 20px;
}

th.headerSortUp { 
    background-image: url(/general/images/sortable_999_desc.gif);
    background-color: #e6e5e6; 
    color: #999;
}

th.headerSortDown { 
    background-image: url(/general/images/sortable_999_asc.gif);
    background-color: #e6e5e6;
    color: #999;
}

.StyledButton
{
    border: solid 1px #000;
    background-color: #f78f1e;
    color: #FFF;
    padding: 2px 10px;
}

.StyledButton:hover
{
    background-color: #61a706;
    color: #fff;
    cursor: pointer;
    padding: 2px 10px;
}

.StyledButtonAlt
{
    background-color: #CCC;
    border: solid 1px #999;
    color: #555;
    padding: 2px 10px;
}

.StyledButtonAlt:hover
{
    background-color: #999;
    color: #fff;
    cursor: pointer;
    padding: 2px 10px;
}

.RatingEventLabel, .TrendEventLabel
{
    border: solid 2px #f78e1e;
    background-color: #f2f2f2;
    color: #999;
    font-weight: bold;
    padding: 3px;
    text-align: center;
    width: 115px;
}
.RatingEventDetail
{
    background-color: #f9f9f9; 
    border: solid 2px #f78e1e; 
    padding: 10px; 
    text-align: left;
}
.RatingEventSummary, .TrendEventSummary
{
    padding-left: 15px; 
    color: #FFF; 
    background-color: #f78e1e; 
    border: solid 2px #f78e1e; 
    text-align: left;
}

.TrendEventLabel
{
    border: solid 2px #CCC;
}
.TrendEventSummary
{
    background-color: #CCC;
    border: solid 2px #CCC;
}

.ButtonStyledA
{
    background-color: #f78f1e; 
    font-weight: bold; 
    color: #FFF;
}

.ButtonStyledB
{
    background-color: #fcd8b0; 
    font-weight: bold; 
    color: #666; 
    font-size: 9pt;
}

.InstructionBox, .ButtonBox, .ButtonBoxPlain
{
    background-color: #fef4e8; 
    border: solid 1px #fbc081; 
    padding: 10px; 
    margin: 15px 0; 
    font-size: 10pt;
}
.ActionConfirmation
{
    background-color: #fef4e8;
    border: solid 1px #fbc081; 
    line-height: 1.25em; 
    text-align: center;
    font-size: 10pt; 
    padding: 15px;
    margin-bottom: 2px;
    color: #f78f1e;
}
.InstructionCell
{
    background-color: #fef4e8; 
    border: solid 1px #fbc081; 
}
.ButtonBox, .ButtonBoxPlain
{
    padding: 15px; 
}
.ButtonBoxPlain
{
    padding: 15px; 
    background-color: #f2f2f2; 
    border: solid 2px #ccc; 
}
.HeaderBasic
{
    font-size: 8pt; 
    background-color: #F78e1e; 
    padding: 5px; 
    color: #FFF; 
    font-weight: bold;
}
.HeaderDefault
{
    background-color: #fde7cf; 
    color: #666; 
    font-size: 8pt; 
    font-family: 'Lucida Sans Unicode', 'Lucida Grande'; 
    font-weight: bold; 
    padding: 5px; 
    border-top: solid 2px #FAb66d; 
    text-align: center;
}
.HeaderLowlight
{
    color: #666; 
    font-size: 8pt; 
    font-family: 'Lucida Sans Unicode', 'Lucida Grande'; 
    font-weight: bold; 
    padding: 3px; 
    border-top: solid 2px #f78e1e;
    background-color: #fef4e8;
}
.HighlightBasic
{
    background-color: #f78f1e; 
    width: 75px; 
    color: #FFF; 
    text-align: center; 
    font-size: 14pt; 
    font-weight: bold;
}

.LowlightBasic, .LowlightBasicBordered
{
    background-color: #fef4e8; 
    padding: 5px; 
    color: #333;
    font-weight: bold;
}
 
.LowlightBasicBordered
{
    border: solid 1px #fbc081;
}

.QHead
{
    background-color: #41ad49;
    color: #FFF;
    font-weight: bold;
    padding: 5px 5px 5px 10px;
}
.QLabel, .QLabelB
{
    background-color: #ccc;
    text-align: right;
    padding: 5px;
    margin: 0px;
    width: 225px;
    vertical-align: top;
    font-size: 10pt;
}
.QLabelB
{
    background-color: #EEE;
}
.QSubLabel
{
    font-size: .85em;
    color: #888;
}
.QInput
{
    padding: 2px 0 0 5px;
}
.QCell
{
    text-align: left;
}
.QInstruct
{
    font-size: .85em;
    color: #CCC;
}
.QSpacer
{
    font-size: 0;
    line-height: 0;
    padding: 0;
    height: 2px;
}
table.QRating, table.QRating td
{
    text-align: center;
    vertical-align: top;
}
table.QRatingLeft, table.QRatingLeft td
{
    text-align: left;
}
table.QRating th
{
    background-color: #efefef;
    text-align: center;
}
td.QRatingLevel, th.QRatingLevel
{
    background-color: #CCC;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: 0 5px;
}
tr.QRatingAltRow
{
    background-color: #EFEFEF;
}
td.QScaleInstruct
{
    color: #888;
    font-size: 8pt;
    line-height: 1.15em;
    width: 195px;
    padding: 5px;
}
.BallSlider
{
    width: 22px;
    height: 22px;
    position: absolute;
    cursor: hand;
}
.BallRail
{
    position: relative;
    height: 100px;
    
    cursor: hand;
}
.ajax__slider_h_rail
{
    cursor: hand;
}

.Stats
{
    border-collapse: collapse;
}
.Stats th, .Stats td
{
    padding: 5px;
    border: solid 1px #fef4e8;
    border-collapse: collapse;
    text-align: center;
}
.Stats th
{
    background-color: #fef4e8;
    color: #333;
    font-weight: bold;
    border: none;
}

.SportSwitcher { margin: 7px 0 0 0; font-family:Arial, Helvetica, Sans-Serif; font-size:0.85em; color:#000;}
.SportSwitcher dd, .SportSwitcher dt, .SportSwitcher ul { margin:0px; padding:0px; text-align: left; }
.SportSwitcher dd { position: absolute; }
.SportSwitcher dd a, .SportSwitcher dd a:visited { color:#816c5b; text-decoration:none; outline:none; margin: 0 5px;}
.SportSwitcher dd a:hover { color:#5d4617;}
.SportSwitcher dd a:hover { color:#5d4617; background-color: #dbebbd;}
.SportSwitcher dt a {background:#f2f2f2 url(/images/zonebar-downarrow.png) no-repeat scroll 31px center; display:block; padding-right:20px; width:25px;}
.SportSwitcher dt a span {cursor:pointer; display:block; padding:0px;}
.SportSwitcher dd ul { background:#fff none repeat scroll 0 0; color:#C5C0B0; display:none; border: solid 1px #d4d4d4; right:-46px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width: 125px; list-style:none;}
.SportSwitcher span.value { display:none;}
.SportSwitcher dd ul li a { padding:5px; display:block;}
.SportSwitcher dd ul li a:hover { background-color:#CCC;}
.SportSwitcher img.flag { border:none; vertical-align:middle; }      
.SportSwitcher dd ul li .name { padding-left: 5px; }

.ajax__slider_h_rail
{
    outline: none;
    cursor: pointer;
}

.ScoreEntryErrorMessage
{
    color: #f48238;
}

.ChartKeyWin
{
    background-color: #f68517;
}

.ChartKeyTie
{
    background-color: #f2f2f2;
}

.ChartKeyLoss
{ 
    background-color: #fcd8b0;
}

.SearchContainer
{
    border: solid 1px #f78f1e; 
}

.SearchHeader
{
    background-color: #f78f1e; 
}

.SignupFormWrapper
{
    background-color: #d0cfd4;
    background-position: right -95px;
    background-repeat: no-repeat;
    margin: 0px auto;
    padding: 12px 5px;
    border: solid 1px #999;
    width: 460px;
}
table.SignupForm
{
    font-family: Lucida Sans Unicode;
    margin: 0 0 0 25px;
    width: 425px;
}

table.SignupForm td.Validator
{
    width: 18px;
    text-align: center;
}

.SignupFormWrapper h1
{
    font-family: Verdana;
    font-size: 14pt;
    margin: 0 0;
}

.SignupFormWrapper h2
{
    font-family: Verdana;
    font-size: 11pt;
    margin: 8px 0 10px;
    font-weight: normal;
}

table.SignupForm td.Label
{
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    text-align: right;
    padding-right: 10px;
    white-space: nowrap;
}

table.SignupForm td.Input
{
    padding: 2px;
}

table.SignupForm td.Input input[type='text'], table.SignupForm td.Input input[type='password']
{
    width: 250px;
    border: solid 1px #999;
    padding: 2px;
}

table.SignupForm td.Input select
{
    border: solid 1px #999;
    padding: 2px;
}

table.SignupForm .SubLabel
{
    font-size: 8pt;
    padding: 0 0 1px 2px;
}

table.SignupForm .SubLabel a
{
    color: #999;
    text-decoration: none;
}

table.SignupForm .SubLabel a:hover
{
    text-decoration: underline;
}

table.SignupForm td.SubmitButton
{
    padding: 5px 0 2px 2px;
}

table.SignupForm input.Button, .StyledButton
{
    border: solid 1px #000;
    background-color: #99cb49;
    color: #FFF;
    padding: 2px 10px;
}

table.SignupForm input.Button:hover, .StyledButton:hover
{
    background-color: #a5d05e;
    color: #fff;
    cursor: pointer;
    padding: 2px 10px;
}

table.SignupForm .ValidationSummary
{
    color: #000;
    font-size: 8pt;
    margin: -5px 0 5px 0;
}

table.SignupForm .ValidationSummary ul
{
    margin: 0;
    padding: 0 0 0 15px;
    list-style-type: square;
    color: #333;
}

.SelectorButton, .SelectorButtonActive
{
    color: #f78e1e;
    font-size: 8pt;
    font-weight: bold;
    margin-right: 15px;
    padding: 2px 5px;
}
.SelectorButtonActive
{
    background-color: #f78e1e;
    color: #FFF;
}
.UnselectedFriend, .SelectedFriend
{
    float: left;
    margin-right: 10px;
    margin-left: 7px;
    width: 200px;
    margin-top: 10px;
    background-color: #f2f2f2;
    color: #666;
    font-size: 8pt;
    font-family: 'Lucida Sans Unicode' , 'Lucida Grande';
    padding: 5px;
    border-top: solid 1px #d3d2d4;
}
.SelectedFriend
{
    background-color: #fef4e8;
    border-top: solid 1px #f78e1e;
}
.SelectorButtonActive a
{
    color: #FFF;
    text-decoration: none;
}
.SelectorButton a
{
    text-decoration: none;
}

table.SummaryBody td.ActivityBox
{
   background-color: #fef4e8; 
   border: solid 2px #fcd8b0; 
}

table.SummaryBody td.ActivityBox p
{
    color: #f78f1e;
}

table.SummaryBody td.ActivityBox p.StatCount,
table.SummaryBody td.ActivityBox p.StatCount a,
table.SummaryBody td.ActivityBox p.StatCount a:visited,
table.SummaryBody td.ActivityBox p.StatCount a:active
{
    color: #999;
}

.AutoLoginName
{
    color: #f78f1e;
}

.SetScoreTopper
{
    border-top: solid 1px #f78f1e;
}

.CourtAccentBox
{
    border-top: solid 1px #f78f1e;
    background-color: #fef4e8;    
}

.ViewCourtsInstruction
{
    color: #f78f1e;
}

table.SummaryBody td.ActivityBox
{
   background-color: #fef4e8; 
   border: solid 2px #fcd8b0; 
}

table.SummaryBody td.ActivityBox p
{
    color: #f78f1e;
}

.TenviterBox4
{
    background-color: #f9f9f9; 
    border: solid 2px #f8a040;
}

.TenviterBox3
{
    background-color: #f9f9f9; 
    border: solid 2px #f8a040;
}

.TenviterBox2
{
    background-color: #f9f9f9; 
    border: solid 2px #f8a040;
}

.TenviterBox1
{
    border: solid 2px #f78f1e;
}

.AltRow
{
   background-color: #fef4e8;  
}

.HPFormElement /** Honeypot Form Element **/
{
    display: none;
}
