﻿body
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.pageTitle
{
    color: #FFFFFF;
    background-color: #587993;
    font-size: x-large;
    font-weight: bold;
}
.pageTitleLogin
{
    color: #FFFFFF;
    background-color: #587993;
}
.pageSlogan
{
    background-color: #4f6d84;
    font-size: large;
    font-style: italic;
    color: #0099CC;
    font-weight: bold;
}
.menuStyle
{
    background-color: #c8d2c3;
}
.bodyHeading
{
    font-size: x-large;
    text-align: center;
}
.emptyDataRow
{
    background-color: #1C5E55;
    font-weight: bold;
    color: white;
}
/* ---------- Colors ---------- */
/* see site master main header row  - white on lighter bluish color*/
.colorsPrimary
{
    color: white;
    background-color: #587993;
}
/* 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;
}
/* 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;
}
/* Tournament schedule separator border */
.colorsScheduleTournamentSeparator
{
    border-bottom-style: solid;
    border-width: medium;
    border-color: #4F6D84;
}
/* Tournament schedule row */
.colorsScheduleAgeGroupRow
{
    background-color: #F5F5F5;
    font-weight: normal;
}
/* Tournament schedule alternating row*/
.colorsScheduleAgeGroupAlternatingRow
{
    background-color: #E6E6E6;
    font-weight: normal;
}
/* ---------- Colors End ---------- */

/* for Ajax watermark extender */
.watermarked
{
    background-color: #E1E1E1;
    border: solid 1px #808080;
    padding: 2px;
}

/* use tableRowSeparator to separate sections of a table with a smaller row */
.tableRowSeparator
{
    font-size: 3pt;
}

/* Fixes IE 8 menu compatibility issue */
.contentMenuDynamic
{
    z-index: 99;
}

/* Marriott tournament and online booking table */
.marriottBookOnlineTableHeader
{
    font-size: 10pt;
    text-align: left;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: black;
}

.marriottBookOnlineTableDetail
{
    padding-right: 10px;
    font-size: 10pt;
    text-align: left;
}

/* 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: 5px;
    text-align: center;
}

/* 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;
}
/* 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 Modal Popups */
.modalBackground
{
    background-color: #C9C9C9;
    -ms-filter: alpha(opacity=60);
    filter: alpha(opacity=60);
    -ms-opacity: 0.7;
    opacity: 0.7;
}

.modalPanel
{
    background-color: #E8EEFF;
    border-width: 2px;
    border-style: solid;
    border-color: Gray;
    padding: 5px;
    width: 320px;
    text-align: center;
}

.modalPanelMultiLine
{
    background-color: #E8EEFF;
    border-width: 2px;
    border-style: solid;
    border-color: Gray;
    padding: 5px;
    width: 400px;
    text-align: left;
}

.modalFormPanel
{
    background-color: #E8EEFF;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 5px;
    text-align: center;
}

/* For data entry forms with labels on left, data fields on right */
.entryFormLeft
{
    text-align: right;
    vertical-align: middle;
    padding-bottom: 0px;
    padding-right: 2px;
    font-size: 11pt;
}
.entryFormRight
{
    text-align: left;
    vertical-align: middle;
    padding-bottom: 0px;
}

