/* Printable Area Only For HTML Pages  */

/*@media print
{
html, body {height: auto; }
body * { visibility: hidden; height: auto; }
#PrintDiv * { visibility: visible;
    left: 0;
    top: 0; }
table {margin: 0; width: 100%; }
}*/

/* End Printable Area   */


html, body {
    height: 100%;
    width: 100%;
    /*background-color:#709a52;*/
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background: url(../images/layout/tennis.jpg) no-repeat center center fixed;
    font-size: 14px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {
    /*padding: 20px 0px 0px 0px;*/
    text-align: center;
    margin: 0 auto;
}

div#page {
    min-height: 90%;
    /*width: 960px;*/
    margin: 0px auto 0 auto;
    padding: 0px 0px 0px 0px;
    position: relative;
    text-align: center;
    height: auto !important;
}

.divlist {
    border: 2px solid #FFF06A;
    position: relative;
    z-index: 10002;
    height: 400px;
    width: 600px;
    margin: 114px auto 0px auto;
    overflow: auto;
    top: 132px;
    left: 456px;
}

#container {
    margin: 0px auto 0 auto;
    padding: 0px 0px 0px 0px;
    width: 960px;
    height: auto;
    min-height: 760px;
    /*   background-color:#f6e8a0;*/
    background-color: #ffffff;
    -moz-box-shadow: 0 0 15px #000;
    -webkit-box-shadow: 0 0 15px #000;
    box-shadow: 0 0 15px #000;
    position: relative;
}

/* HEADER  */

/*div#header
{
    min-height: 2%;
    width: 960px;
    margin: 10px auto 0 auto;
    padding: 0 20px;
    position: relative;
    text-align: center;
    background: url(../images/layout/topBg.jpg) no-repeat;
    	-moz-box-shadow: 0 0 15px #000;
	-webkit-box-shadow: 0 0 15px #000;
box-shadow: inset 0 15px 15px -15px black;
}*/

div#TopName h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 42px;
    font-weight: normal;
    /*color: #3d5141;*/
    color: #FFF06A;
    text-align: center;
    line-height: normal;
    text-shadow: 2px 2px 5px #000000;
}


div#branding {
    background: url(../images/layout/HamptonBanner.png) no-repeat;
    height: 190px;
    border-bottom: 5px solid #0092be;
}

/* TAB MENU   
----------------------------------------------------------*/
div#TopMenu {
    padding: 0;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}


/*Links*/
.LinkTennis12 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.labelTennis14 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.TennisBtn12 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    background-color: #FFF06A;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    text-decoration: none;
}

.TennisBtn14 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    background-color: #FFF06A;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    text-decoration: none;
}

.TennisBtn18 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    background-color: #FFF06A;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    text-decoration: none;
}

.TennisBtn22 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    background-color: #FFF06A;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    text-decoration: none;
}

.TennisBtnGreen22 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    background-color: #2E8B57;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    text-decoration: none;
}

/* START FOOTER */

div#footer {
    color: #FFF06A;
    width: 960px;
    margin: 0 auto;
    padding: 30px 20px 20px 20px;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    /*background: url(../images/layout/footerBg.jpg) no-repeat;*/
}


#footer a, #footer a:link, #footer a:active {
    color: #FFF06A;
    padding: 0;
    text-decoration: none;
}

    #footer a:visited {
        color: white;
    }

    #footer a:hover {
        text-decoration: none;
        color: #ffffff;
    }

.TableBorder {
    border-color: #184885;
    border-style: solid;
    border-width: 1px;
}

/* END FOOTER */


/* Labels */
.label10 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.label12 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    margin-top: 0px;
}

.Link12 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #0000FF;
    text-decoration: none;
}

.label14 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.label16 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.label18 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.label22 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.labelBold22 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.labelBold10 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.labelBold12 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.labelBold16 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.labelBold14 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.labelBold14cb {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    padding-left: 20px;
}

.labelBold18 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.labelSuccess18 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    color: #FFF06A;
    text-decoration: none;
}

.labelSuccess12 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.labelRed10 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #FF0000;
    text-decoration: none;
}

.labelRed12 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #FF0000;
    text-decoration: none;
}

.labelRed14 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #FF0000;
    text-decoration: none;
}

.labelRed14Bold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #FF0000;
    text-decoration: none;
}

.labelRed16 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: #ff0000;
    text-decoration: none;
}

.labelRed22 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    color: #ff0000;
    text-decoration: none;
}

.labelRed24 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    color: #ff0000;
    text-decoration: none;
}

.labelRedBold14 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #FF0000;
    text-decoration: none;
}

.labelRedBold16 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    color: #FF0000;
    text-decoration: none;
}

.labelWhite12 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
}

.labelWhite16 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
}

.labelGreen12 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #006400;
    text-decoration: none;
}

.labelGreen14 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #006400;
    text-decoration: none;
}

.labelGreen22 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    color: #006400;
    text-decoration: none;
}

.labelNavy12 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000080;
    text-decoration: none;
}

.labelNavy14 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000080;
    text-decoration: none;
}

.labelNavy16 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: #000080;
    text-decoration: none;
}

.labelNavy18 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    color: #000080;
    text-decoration: none;
}

.labelNavy22 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    color: #000080;
    text-decoration: none;
}

.labelItalic10 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.labelItalic12 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.labelItalic14 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.labelItalic16 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.labelItalic18 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.LabelSuccess22 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.LabelTheme22 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
    color: #0b3768;
    text-decoration: none;
    text-transform: uppercase;
}

.LabelTheme18 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    color: #0b3768;
    text-decoration: none;
    text-transform: uppercase;
}

.LabelSuccess16 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

/*TextBoxBoarders*/

.TextBox12 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #ffffff;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
}

.TextBox16 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #ffffff;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
}

.TextBox18 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #ffffff;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
}

.TextBox14 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #ffffff;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
}

.TextBox14Disable {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: gainsboro;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
}

.TextBox14NoBackColor {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
}

.TextBoxRed12 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #ffffff;
    border-color: #ff0000;
    border-style: solid;
    border-width: 1px;
}

.TextBoxRed14 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #ffffff;
    border-color: #ff0000;
    border-style: solid;
    border-width: 1px;
}

/*Grideviews*/


.GridviewHeader12 {
    background-color: #FFF06A;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: center;
}

.GridviewHeader14 {
    background-color: #0b3768;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: lighter;
    color: #ffffff;
    text-decoration: none;
}


.GridviewRowStyle12 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.GridviewRowStyle14 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.GridviewAltRow12 {
    background-color: #FFF06A;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.GridviewAltRow14 {
    background-color: #FFF06A;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.GridviewHeaderGreen12 {
    background-color: #006400;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    text-decoration: none;
}

.GridviewAltRowGreen12 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.Gridview14 {
    background-color: #FFFFFF;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.GridDiv {
    border-color: #000000;
    border-style: solid;
    border-width: 1px
}


/* td and tr background*/

.tdcolor {
    background-color: #FFF06A;
}

.Alttdcolor {
    background-color: #000000;
}

.Whitetdcolor {
    background-color: #FFFFFF;
}

.trcolor {
    background-color: #b0c4de;
}

.Alttrcolor {
    background-color: #ffffff;
}

.tdcolorred {
    background-color: #FFC0CB;
}

.tdcolorHighlighted {
    background-color: #ffff00;
}

.Alttdcolor {
    background-color: #b0c4de;
    color: #000000;
}


.tableBorder {
    margin: 0px auto;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
}

/*aspx calendar*/
.calcolor {
    background-color: #FFF06A;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-color: #000000;
    height: 200px;
    width: 220px;
}

    .calcolor a {
        text-decoration: none;
    }

.calselectedday {
    background-color: #F08080;
    font-weight: bold;
    color: #000000;
}


.caltodaystyle {
    background-color: #FFFFFF;
    color: #000000;
}

.calweekday {
    background-color: #F0F8FF;
    color: #000000;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    font-size: 10px;
}

.calweekend {
    background-color: #FFF06A;
    color: #000000;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    font-size: 10px;
}

.calothermonth {
    color: #dcdcdc;
}

.calNextPrevStyle {
    color: #000000;
}

.calDayHeader {
    background-color: #FFF06A;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.calTitlesytle {
    background-color: #FFF06A;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    height: 100%;
}

    .calTitlesytle td {
        background-color: #FFF06A;
    }

/*html calendar*/

.htmlcalBackground {
    background-color: #FFFFFF;
}

.htmlcalrows {
    background-color: #F0F8FF;
    height: 40PX;
    width: 80PX;
}

    .htmlcalrows a {
        color: #000000;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
    }
/* Menu*/

div#Menu {
    width: 960px;
    /*margin: 0 -1px 0 -1px;*/
    border-color: #000000;
    /*border-style: solid;*/
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background-color: #FFF06A;
    height: 30px;
}


    div#Menu table {
        width: 100%;
        margin: 0px auto 0 auto;
        padding: 0px 0px 0px 0px;
        border: none;
    }

    div#Menu td {
        padding: 1px 1px 1px 2px;
        margin: 0px auto 0 auto;
    }

div#MemberName {
    position: absolute;
    top: 3em;
    right: 1em;
}
/*div#Menu table tr td
{
    border-color: #000000;
    border-style: solid;
    border-width:1px;
     
}*/

.level1 /* menu bar*/ {
    background-color: #fee4a9;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    text-align: center;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: large;
    /*text-shadow:1px 1px 0px  #584b17;*/
}

.level2 /*First drop down of  menu*/ {
    background-color: #fee4a9;
    border-color: #000000;
    border-style: groove;
    border-width: 1px;
    color: #000000;
    text-align: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: large;
}

.level3 /*Third drop down of  menu*/ {
    background-color: #fee4a9;
    border-color: #000000;
    border-style: groove;
    border-width: 1px;
    color: #000000;
    text-align: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: large;
}

.hoverstyle, .hoverstyle td {
    color: #000000;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: large;
    background-color: #ffffdb;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.sublevel1 {
    color: #000000;
    /*border-color:#000000;
    border-style:groove;
    border-width:1px;*/
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: medium;
    background-color: #fee4a9;
}

.loaderNG {
    position: fixed;
    width: 660px;
    top: 25%;
    left: 50%;
    margin-left: -330px; /* Negative half of width. */
    background-color: white;
}


* html .loaderNG {
    position: absolute;
}

.loader {
    z-index: 11000;
    position: fixed;
    top: 30%;
    left: 35%;
    background-color: white;
}

* html .loader {
    position: absolute;
}

.divGrid {
    margin: 0px auto;
    overflow: auto;
    width: 920px;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
}

.divlistNG {
    position: relative;
    z-index: 11000;
    height: auto;
    width: 660px;
    margin: 0px auto;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    background-color: white;
}

.divlistGridTimes {
    position: relative;
    z-index: 11000;
    height: 300px;
    width: 425px;
    margin: 0px auto;
    overflow: auto;
    border-color: #21335b;
    border-style: solid;
    border-width: 2px;
}

.overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #fafad2;
    width: 100%;
    height: 100%;
    -khtml-opacity: .60;
    -ms-filter: "alpha(opacity=60)";
    opacity: 0.6;
    z-index: 1000;
}

* html .overlay {
    position: absolute;
}

.overlayNG {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #fafad2;
    width: 100%;
    height: 100%;
    -khtml-opacity: .60;
    -ms-filter: "alpha(opacity=60)";
    opacity: 0.6;

}

* html .overlayNG {
    position: absolute;
}


/* member and buddylist divs*/
.divMemberlist {
    height: 300px;
    width: 450px;
    margin: 0px auto;
    overflow: auto;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    background-color: #FFFFFF;
}

.divBuddylist {
    height: 400px;
    width: 450px;
    margin: 0px auto;
    overflow: auto;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    background-color: #FFFFFF;
    position: static;
}




.tdcolorpink {
    background-color: #FFF06A;
}


/* -- ASPxMenu -- */



.ItemSubDefault {
    text-align: left;
    padding: 5px;
    font-size: 18px;
    white-space: nowrap;
    color: #000000; /*Sub Fonts */
    text-decoration: none;
    background-color: #FFF06A;
    font-family: Georgia, "Times New Roman", Times, serif;
    margin: 0px auto 0 auto;
}


    .ItemSubDefault a {
        width: auto;
        text-align: left;
        padding: 0px;
        white-space: nowrap;
        color: #000000; /*Sub Fonts */
        text-decoration: none;
        background-color: #FFF06A;
    }




    .ItemSubDefault ul {
        color: #000000;
        font-style: normal;
        font-weight: normal;
    }

        .ItemSubDefault ul li {
            font-style: normal;
            font-weight: normal;
        }


    .ItemSubDefault td:hover {
        color: #ffffff;
        text-decoration: none;
        background-color: #ffffdb;
    }

    /*.ItemSubDefault ul li:hover {
        color: #2C7DB4;
        background-color: transparent;
    }*/



.ItemHover {
    color: #2C7DB4;
    background-color: transparent;
    font-size: 18px;
    /*background-color: white !important;*/
}

    .ItemHover a {
        color: #2C7DB4;
        background-color: transparent;
    }


.dxm-hovered {
    color: #2C7DB4;
    background-color: transparent;
}

/* Dash Board Request*/

.RequestHeader14 {
    background-color: #FFF06A;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}



.RequestAltRow14 {
    background-color: #EDEF85;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.RequestRowStyle {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: center;
}

/* Dash Board Booking*/

.BookingHeader14 {
    background-color: #0b3768;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}



.BookingAltRow14 {
    background-color: #FFF06A;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.BookingRowStyle {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: center;
}

/* Iframe */

.Iframe {
    margin: 0px auto;
    border-color: #000000;
    border-style: groove;
    border-width: 2px;
    width: 604px;
    height: 529px;
    margin: 0;
}

/* Tennis18 */

.divHeaderlist {
    position: relative;
    margin: 0px auto;
    overflow: auto;
    width: 960px;
}

.divBodylist {
    position: relative;
    margin: 0px auto;
    /*overflow-x: hidden;
    overflow-y: auto;*/
    overflow: auto;
    width: 940px;
    height: 700px;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
}

.Tenniswrap {
    /*margin: 0 auto;*/
    width: 125px;
    height: auto;
    position: relative;
   
}

.Tennisview {
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    margin: 0px auto;
    width: 100%;
}


#box-Tennispage {
    width: 100px;
    float: left;
    margin-left: 20px;
}

    #box-Tennispage .callouts {
        float: left;
        margin-top: 10px;
        margin-right: 5px;
        margin-left: 5px;
    }


        #box-Tennispage .callouts img, #box-Tennispage .callouts canvas {
            width: 120px;
            height: 80px;
            float: left;
            border-color: #000000;
            border-style: solid;
            border-width: 0px;
            border-radius: 25px;
        }

        #box-Tennispage .callouts p {
            width: 120px;
            float: left;
            font-family: Georgia, "Times New Roman", Times, serif;
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            line-height: normal;
            margin-left: 1px;
            margin-top: 9px;
            cursor: pointer;
            position: absolute;
            top: 2em;
        }

        #box-Tennispage .callouts a {
            text-decoration: none;
            color: #000000;
        }

            #box-Tennispage .callouts a:hover {
                text-decoration: none;
                color: #ffffff;
            }


.fplgAvailablecolorbutton {
    font-family: Arial;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    background-color: lightgreen;
    /*background-image: url('../images/Available.jpg');*/
    border-color: #000000;
    border-style: solid;
    border-radius: 25px;
    text-decoration: none;
    border-width: 1px;
    width: 100px;
    height: 90px;
}

.fplgUnAvailablecolorbutton {
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    color: #000000;
    background-color: darksalmon;
    border-color: #000000;
    border-style: solid;
    border-radius: 25px;
    text-decoration: none;
    border-width: 1px;
    width: 100px;
    height: 90px;
    -khtml-opacity: .60;
    -ms-filter: "alpha(opacity=60)";
    opacity: 0.6;
}

    .fplgUnAvailablecolorbutton span {
        display: table-cell;
        vertical-align: middle;
        width: 100px;
        height: 75px;
    }

.fplgBookingcolorbutton {
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    color: #000000;
    background-color: lightpink;
    border-color: #000000;
    border-style: solid;
    border-radius: 25px;
    text-decoration: none;
    border-width: 1px;
    width: 100px;
    height: 90px;
    -khtml-opacity: .60;
    -ms-filter: "alpha(opacity=60)";
    opacity: 0.6;
}

    .fplgBookingcolorbutton span {
        display: table-cell;
        vertical-align: middle;
        width: 100px;
        height: 75px;
    }

.HeaderlistLabel {

    padding-left: 30px;
    font-size: 16px;
    font-weight: normal;
    color: #000000;
}
.PlayerInfoPanel {
    z-index: 11000;
    position: fixed;
    left: 30%;
    background-color: white;
    width: 620px;
    height: 250px;
    border: 2px solid #000000;
}

.PlayerInfoDiv {
    position: relative;
    z-index: 10002;
    width: 600px;

    margin-left: auto;
    margin-right: auto;

}
.memberloader {
    z-index: 11000;
    position: fixed;
    top: 30%;
    left: 35%;
    background-color: white;
}

/* member and buddylist divs*/
.divTNPBMemberlist {
    height: 400px;
    /*width: 500px;*/
    min-width: 450px;
    width: auto;
    margin: 0px auto;
    overflow: auto;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    background-color: #FFFFFF;
}