body
{
    font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}

/* ---------- Colors ---------- */
.colorsPageBorder /* the area boarding the usable area */
{
    color: #C0C0C0; /* light gray */
    background-color: #333333; /* darker gray */
}
.colorsPrimary /* see site master main header row */
{
    color: white; /* white */
    background-color: #CC0000; /* red */
}
.colorsSecondary /* see site master logo row */
{
    color: white; /* white */
    background-color: #000066; /* deep blue */
}
.colorsTertiary /* see site master left and right columns surrounding content */
{
    color: white; /* white */
    background-color: black; /* black */
}
.colorsSiteContent {
    color: black;
    background-color: WhiteSmoke;
}

/* Title for section just below main menu */
.sectionTitle
{
    text-align: center;
    font-size: large;
    padding-bottom: 10px;
    font-weight: bold;
}

/* ---------- Tables ---------- */
.stdTableStyle /* standard table setup */
{
    width: 100%;
}

/* white on greenish color */
.colorsTableHeaderRow
{
    color: white;
    font-weight: bold;
    background-color: #1C5E55;
}
/* black on pale blue-gray*/
.colorsTableRow
{
    color: #333333;
    background-color: #E3EAEB;
}
/* black on WhiteSmoke */
.colorsTableAlternatingRow
{
    color: #333333;
    background-color: #F5F5F5;
}
/* black on brown */
.colorsTableSelectedRow
{
    color: #333333;
    background-color: #C5BBAF;
}
/* white on greenish color */
.colorsTableEmptyDataRow
{
    color: white;
    background-color: #1C5E55;
}
/* white on red */
.colorsTableReadyToDeleteRow
{
    color: white;
    background-color: red;
    font-weight: bold;
}

/* For ModalPopupExtenders */
.modalBackground
{
    background-color: #C9C9C9;
    -ms-filter: alpha(opacity=60);
    filter: alpha(opacity=60);
    -ms-opacity: 0.7;
    opacity: 0.7;
}

/* border-color: Gray; */
.modalFormPanel
{
    background-color: #E8EEFF;
    border-width: 3px;
    border-style: solid;
    border-color: Black;
    padding: 10px 5px 5px 5px;
    text-align: center;
}

/* For data entry forms with labels on left, data fields on right */
.entryFormLeft
{
    text-align: right;
    vertical-align: top;
    padding-bottom: 0px;
    padding-right: 2px;
    font-size: 11pt;
}
.entryFormRight
{
    text-align: left;
    vertical-align: top;
    padding-bottom: 0px;
}
.entryFormLeftMiddle
{
    text-align: right;
    vertical-align: middle;
    padding-bottom: 0px;
    padding-right: 2px;
    font-size: 11pt;
}
.entryFormRightMiddle
{
    text-align: left;
    vertical-align: middle;
    padding-bottom: 0px;
}
.entryFormLeftBalanced
{
    text-align: right;
    vertical-align: top;
    padding-bottom: 0px;
    padding-right: 2px;
    font-size: 11pt;
    width: 50%;
}
.entryFormRightBalanced
{
    text-align: left;
    vertical-align: top;
    padding-bottom: 0px;
    width: 50%;
}
.entryFormLeftBalancedMiddle
{
    text-align: right;
    vertical-align: middle;
    padding-bottom: 0px;
    padding-right: 2px;
    font-size: 11pt;
    width: 50%;
}

/* Custom styles for validation callout extender */
.customCalloutStyle div, .customCalloutStyle td
{
    border: solid 1px Black;
    background-color: #FFFFCC;
}
.customCalloutStyle .ajax__validatorcallout_popup_table
{
    display: none;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_popup_table_row
{
    vertical-align: top;
    height: 100%;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_cell
{
    width: 20px;
    height: 100%;
    text-align: right;
    vertical-align: top;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_table
{
    height: 100%;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_table_row
{
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell
{
    padding: 8px 0px 0px 0px;
    text-align: right;
    vertical-align: top;
    font-size: 1px;
    border: none;
    background-color: transparent;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv
{
    font-size: 1px;
    position: relative;
    left: 1px;
    border-bottom: none;
    border-right: none;
    border-left: none;
    width: 15px;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div
{
    height: 1px;
    overflow: hidden;
    border-top: none;
    border-bottom: none;
    border-right: none;
    padding: 0px;
    margin-left: auto;
}
.customCalloutStyle .ajax__validatorcallout_error_message_cell
{
    font-family: Verdana;
    font-size: 10px;
    padding: 5px;
    border-right: none;
    border-left: none;
    width: 100%;
}
.customCalloutStyle .ajax__validatorcallout_icon_cell
{
    width: 20px;
    padding: 5px;
    border-right: none;
}
.customCalloutStyle .ajax__validatorcallout_close_button_cell
{
    vertical-align: top;
    padding: 0px;
    text-align: right;
    border-left: none;
}
.customCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
    border: none;
    text-align: center;
    width: 10px;
    padding: 2px;
    cursor: pointer;
}

.watermarked
{
    background-color: #E1E1E1;
    border: solid 1px #808080;
    padding: 2px;
    font-style: italic;
}

/* ---------- AjaxToolkit:TabContainer ---------- */
.MyTabStyle .ajax__tab_header
{
    font-family: "Helvetica Neue" , Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    display: block;
}
.MyTabStyle .ajax__tab_header .ajax__tab_outer
{
    border-color: #222;
    color: #222;
    padding-left: 10px;
    margin-right: 3px;
    border: solid 1px #d7d7d7;
}
.MyTabStyle .ajax__tab_header .ajax__tab_inner
{
    border-color: #666;
    color: #666;
    padding: 3px 10px 2px 0px;
}
.MyTabStyle .ajax__tab_hover .ajax__tab_outer
{
    background-color: #1C5E55;
}
.MyTabStyle .ajax__tab_hover .ajax__tab_inner
{
    color: #fff;
}
.MyTabStyle .ajax__tab_active .ajax__tab_outer
{
    border-bottom-color: #ffffff;
    background-color: #d7d7d7;
}
.MyTabStyle .ajax__tab_active .ajax__tab_inner
{
    color: #000;
    border-color: #333;
}
.MyTabStyle .ajax__tab_tab
{
    color: #0099FF;
    padding-right: 1px;
    padding-bottom: 0px;
    padding-left: 1px;
}
.MyTabStyle .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    background-color: #E8EEFF;
    border-top-width: 0;
    border: solid 1px #d7d7d7;
    border-top-color: #ffffff;
    padding-top: 10px;
}

/* For ListSearchExtender */
.ListSearchExtender
{
    color: #336600;
    font-size: medium;
    font-style: italic;
    background-color: #E1E1E1;
    border: 3px solid #000000;
    height: 20px;
    padding-top: 6px;
    padding-left: 5px;
}

/* ---- For Schedule ---- */
/* use tableRowSeparator to separate sections of a table with a smaller row */
/* Tournament schedule */
.colorsSchedule
{
    border-style: solid;
    border-color: #4F6D84;
    border-width: thick thick thick thick;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #efefef;
    margin-left: auto;
    margin-right: auto;
}
/* Tournament schedule separator border */
.colorsScheduleTournamentSeparator
{
    border-bottom-style: solid;
    border-width: medium;
    border-color: #4F6D84;
}
.tableRowSeparator
{
    font-size: 3pt;
}
/* Tournament schedule row */
.colorsScheduleAgeGroupRow
{
    background-color: #F5F5F5;
    font-weight: normal;
}
/* Tournament schedule alternating row*/
.colorsScheduleAgeGroupAlternatingRow
{
    background-color: #E6E6E6;
    font-weight: normal;
}
/* Max height of Who's Playing popup */
.whosPlaying
{
    max-height: 600px;
    overflow: auto;
}