#content {
    max-width: 1100px;
}

header div.logo {
    text-align: left;
}
header div.logo img {
    max-width: 375px;
}
div#toppanel.cloned header div.logo img {
    max-width: 250px;
}
div#toppanel.cloned nav.mainnav {
    margin: 0px auto 0 auto;
}

div#toppanel {
    background-color: #222121;
}
nav.mainnav {
    font-size:95%;
}
nav.mainnav li a, nav.pagenav li a {
    color: white;
}
nav.mainnav li a:hover {
    color: #663399;
}
nav.mainnav li ul li a {
    color: #663399;
}
nav.mainnav li ul li a:hover {
    color: #cb9bf7;
}

#banner {
    background-color: #663399;
    height: 4px;
}
div.userboxicon:hover {
    background: none #663399;
    text-shadow: none;
    color: #fff;
}



/* --------------------- PARTICIPANT LIST RANKING STLYING ------------------------- */

span.detailsparticipantdisplaygradyear.jgsoverallrank, span.detailsparticipantdisplaygradyear.pi-rank {
    display: inline;
}

span.partjgsdisplay { display: none; }
span.partjgsdisplayshort { display: inherit; }
span.detailsparticipantdisplaygradyear.jgsoverallrank { display: inherit; }

span.rank-divider {
    display: inline;
    padding-left: 3px;
    padding-right: 3px;
}

span.pi-rank-text, span.part-pi-label { color: #663399; }
.detailsparticipantname { color: #663399; }
.detailplayerimagesection { padding-right: 6px; }


/* --------------------- JGS RANK STLYING ------------------------- */
.pp-jgslabel { display:none; }
.pp-jgslogo { height:30px; width:100px; }
span.pp-jgsranksection { padding-left: 16px; }

div.page22124 span.detailsparticipantdisplaygradyear.jgsoverallrank { display: inherit; }



/* --------------------- FRONT PAGE STLYING ------------------------- */
.homepagefeeds {
	margin-top: 20px;
}

/* --------------------- ALERT ITEM STLYING ------------------------- */
.alertitem {
    color: purple;
}

/* --------------------- PLAYER PROFILE STLYING ------------------------- */
.playerrankings.Girls.\31 0-11 li.rankfielditem.ScoringDifferential {
    display: none;
}

.playerrankings.Girls.\31 0-11 li.rankfielditem.OrderofMeritPoints {
    display: none;
}


/* --------------------- ORDER OF MERIT STLYING ------------------------- */
.stacktable.large-only tr th {
    text-decoration: none;
        font-size: 95%;
        vertical-align:bottom;
        background-color:#663399;
}

.stacktable.large-only tr td {
        font-size: 90%;
        border: 0px;
        border-bottom: 1px solid #cccccc;
        border-top: 1px solid #cccccc;
        line-height: 18px;
}

.stacktable.large-only a { text-decoration: none; }
.stacktable.large-only tr.Calc3Class2 { background-color:#ffffff; }
.stacktable.small-only tr th { background-color:#663399; }
.standingsaltrow { background-color:#e3dbf7; }

/*.stacktable.large-only tr td.standingsplayer { width:250px; }*/




.wordpressicon {
	display:none;
}

nav.pagenav ul.toplevel {
	background-color:#663399;
	}

nav.pagenav li a.pagemenuitem.selected {
    background-color:#cb9bf7;
    color:#000000;
}

nav.pagenav li a.pagemenuitem:hover {
    background-color:#cb9bf7;
    color:#000000;
}

span.currentanchorname {
    float:left;
    line-height:37px;
    text-align: center;
    font-size: 80%;
    width:150px;
    background: rgba(203, 155, 247, 0.8);
}

button.sitebutton.tourplayers-subtourbtn {
    width: 170px;
}
.field.resultspage {
    width: 180px;
}
input#SearchForm_SearchString, input#SearchForm_StartDate, input#SearchForm_EndDate, input#SearchForm_Distance, input#SearchForm_ZipCode {
    width: 55%;
}

nav.mainnav li ul.sublevel li a{
    background: #f0f0f5;
}
.padtop.tnmteligibility {
    display: none;
}


/*
  * CUSTOM CSS FOR SCREEN SIZES
  */

@media screen and (max-width: 760px){

	header div.logo img { max-width: 250px; }
	nav.mainnav li a { color: lightgray; }
	nav.mainnav li a:hover { color: #FFFFFF; }
	nav.mainnav li a, nav.pagenav li a { background: #663399; color:lightgray; }
}

@media screen and (max-width: 650px){
    
	.twittericon, .facebookicon, .wordpressicon, .instagramicon, .youtubeicon, .rssicon { display:none; }

}

@media screen and (min-width: 600px){
    
	button.sitebutton.tourbutton  { margin: 5px; min-width: 160px; }
	button.sitebutton.seasonbutton  { margin: 0px; }
	button.sitebutton.tournamentdivisionbutton  { margin: 5px; min-width: 160px; }

}



/*
  * NEW SITE CUSTOM CSS
  */

.profile-t26269, .profile-t26270, .profile-t26271, .profile-t26328, .profile-t26273 { display: none; }
.profile-t29517, .profile-t29425, .profile-t29516, .profile-t29519, .profile-t29447, .profile-t29449, .profile-t29434, .profile-t29395, .profile-t29475, .profile-t29421 { display: none; }

a:hover { color: #663399; }
.command { margin-bottom: 10px; }
.button:hover { background: #663399; }
.fieldsetheader { background: #663399; }
nav.mainnav li a, nav.pagenav li a { color: white; }
nav.mainnav, nav.pagenav { font-size: 14px; }
nav.mainnav li:hover ul a { background: #999999; min-width: 140px; }

nav.subnav li a.selected { background-color: #663399; color: #FFFFFF; }
nav.subnav li a:hover { background-color: #ddee44; color: #000000; }
div.registrationnotice { margin-top: 20px; }

nav.pagenav ul.toplevel { padding: 0px; }
nav.pagenav ul.toplevel { background-color:#663399; }
nav.pagenav li a.pagemenuitem.selected { background-color: #ffffff; color:#000000; }
nav.pagenav li a.pagemenuitem:hover { background-color: #ddee44; color:#000000;}

.padtop.tnmtcategory { display: none; }
div.inlinecommandicon.hover { background: #663399; }
div.registrationnotice { color: #663399; }
.detailinfoheader { background: #663399; color: #FFFFFF; margin:10px; }
div.scheduleitem { border-color: #cccccc; font-size: 85%; }
div.inlinecommandicon:hover { background: #663399; }

div.alerticon:hover { background: #ddee44; }
div.alerticonsection { min-height: 100px; background-color: #ffffff; }

div.rankdivisionheader { margin-top: 30px;  font-size:150%; }
div.instructionicon:hover  { background: none #663399; }

input.button.tnmtregister { background: #B7B7B7; }
input.button.tnmtregister:hover { background: #663399; }

.promobox { width: 200px; }
.productcartheader { padding: 10px; background: #663399; color: #FFFFFF; }
.costitems { color: #663399; }

img.detailplayerimg { height: 80px; width: 60px; }

.tourplayers-info { font-size: 12px; margin-top: 14px; }
.tourplayersimg { height: 80px; margin-top: 14px; }
.scorecardtotalcolumn { background-color:#cb9bf7; }

.playerprofilename { font-size: 160%; text-transform: uppercase; }
div.playerprofilepic { margin-top: 10px; }
.playerprofileinfo { margin-bottom: 20px; line-height: 24px; }
.playerprofileheader { background: #663399; color: #ffffff; text-transform: uppercase; }
.rankingdivisionheader { font-weight: bold; font-size: 16px; }
.playerprofilestatlabel { margin-right: 10px; }
div.playerprofiletournamentheader { padding: 30px 0 0 0; font-size: 120% }

.tnmtdetailinfotext { font-size: 75%; display: inherit; }
div.scheduleitem div { line-height: 1; }
div.scheduleitem { border: 0px; border-bottom: 1px solid #cccccc; font-size: 75%; }
div.detailitemcontainer { border-bottom: 0px solid #cccccc; min-height: 44px; padding-bottom: 12px; }
div.detailinfoheader { paddding-bottom: 0px; }

div.tournamentname { color: #ffffff; text-shadow: 1px 1px #000000; background-color: #cb9bf7;  padding-top: 8px; padding-left: 10px; }
div.tournamentcoursecontainer { border: 1px solid #cccccc; }

span.ppstatlabeldivisionname.ppranklabel { display: inherit; }
.playerprofileimage { max-height: 160px; }

li.scoringavg.playerprof { display: none; }
div.authuser { color: white; }

/* REMOVE (PKBGT Members Only)   tnmtnonmember { display:none; }   */


/************  PERFORMANCE INDEX PAGE  ****************/
.provisionalheader { margin-top: 20px; margin-bottom: 10px; line-height: 100px; }


/************  TOURNAMENT DETAILS PAGE  ****************/
.tnmtdetailsinfoimage { width:120px; text-align:center; }
div.detailitemcontainer { padding:12px; }
@media (max-width:600px){ .tnmtdetailsinfoimage { display:none; }  }
/************ @media (min-width:601px){ .detailinfoheader { display:none; padding-bottom:0px; }  } ****************/


/************  ORDER CONFIRMATION *****************/
.productcartplayercontainer { margin:10px; }
.cartplayername { color:#663399; }
.productcartplayercontainer { padding-bottom:15px; }


/************  MARGINS FOR ORDER OF MERIT DROP DOWN MENUS IN MOBILE *****************/
.standingsseasons { padding: 10px; }
.tourdisplay { padding: 10px; }
.standingdivisions { padding: 10px; }


/************  BUTTONS *****************/
.button { background-color: #663399; }
.button:hover { background-color: #ddee44; }

button.sitebutton  { min-width:100px; } 
button.sitebutton.selected { background: none #663399; }
button.sitebutton:hover  { background: none #ddee44; color: #000000; }
button.sitebutton.tourplayers-subtourbtn { margin: 10px 10px 30px 0; width:170px; }
button.sitebutton regcheckbox { width: 100px; }
button.sitebutton.bigbutton.membershipoption.registered { background: none #663399; }
button.sitebutton.continuecheckout { background: #663399; }
button.sitebutton.continuecheckout:hover { background: #ddee44; color: #000000; }
button.sitebutton.registered  { background-color:#cb9bf7; }
button.sitebutton.upcomingcategory, button.sitebutton.upcomingresuls { background: none #663399; }
button.sitebutton.upcomingcategory:hover, button.sitebutton.upcomingresuls:hover { background-color:#ddee44; color:#000000; }
button.sitebutton.upcomingcategory.selected { background-color:#cb9bf7; }


/************  UPCOMING EVENT HEADERS *****************/
table.upcomingtnmts th { background: none #663399; }
div.upcomingtnmtdate { color: #663399; }


/************  CONTAINER FOR CUSTOM EVENT HEADERS *****************/
.eventcontainer { content:""; display:table; clear:both; }
.eventheader13 { float:left; width:100%; text-align: center; }
@media (min-width:601px){ .eventheader13 { width:33.33333%; text-align: center; } }
.eventheader23 { float:left; width:100%; }
@media (min-width:601px){ .eventheader23 { width:60%; } }


/************  CONTAINER FOR VIDEO IFRAME CONTENT *****************/
.if-container { position: relative; padding-bottom: 28.5%; margin-bottom:20px; height: 0; overflow: hidden; } 
.if-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }


/************  FRONT PAGE STYLING  *****************/
.boxheader { background-color:#663399; }
.homeboxdate.tnmtdate { background-color:#cb9bf7; }
.homeboxdetail2 { display: none; }
.homeboxtitle { background-color:#555555; }
.tnmtresultscontainer:hover { background-color: #ddee44; }


/************  FOOTER STYLING  *****************/
.footernav a { text-decoration: none; font-weight: bold; line-height: 2em;}
nav.footernav ul li a:hover { text-decoration: none; color:#663399; }

/************  LINK STYLING  *****************/
a { text-decoration: underline; font-weight: bold; line-height: 1.5em;}
a:hover { text-decoration: none; color:#663399; }

/************  ADD COUNT OF PARTICIPANTS NEXT TO DIVISION NAME  *****************/
span.tnmtpartcount { display: inline; }

/************  ADD WAITLISTED PLAYERS TO LIST OF PARTICIPANTS  *****************/
div.tournamentparticipantbox.partwaitlisted { display: inherit; }

/************  FIX PLAYER NAME TOO LONG ISSUE  *****************/
label.ion-person.tourplayers-ion.tnmtparticipant { margin-bottom: 10px; }
div.tournamentparticipantbox { height: 78px; line-height:1.25; padding-top:9px; }

/************  FIX HOMETOWN TOO LONG ISSUE  *****************/
sapn.detailsparticipantdisplayhometown { font-size: 80%; }

/************  FIX EVENT NAME TOO LONG ISSUE ON UPCOMING EVENTS  *****************/
@media (min-width:601px){  .homeboxtitle.tnmttitle { height: 34px; } }

/************  DISPLAY SLOPE AND RATING FOR A TOURNAMENT PAGE  *****************/
ul.tournamentinfoheader.shortversion { display: none; }
ul.tournamentinfoheader.longversion { display: inherit; }

@media screen and (max-width: 1250px){
ul.tournamentinfoheader.longversion {
    display: none;
}
ul.tournamentinfoheader.shortversion {
    display: inherit;
}
}

@media screen and (max-width: 530px){
.inlinecommands.tnmticons {
    padding-top: 31px;
}
}

/************  MEMBER BENEFITS PAGE  *****************/
.membersnoaccess { text-align:center; margin: 30px; }
button.sitebutton.member { background: none #663399; color:#FFFFFF; font-size:12pt; }

/************  ADD MAX PLAYERS IN FIELD TO TOURNAMENT PAGE  *****************/
span.maxplayers { display: inline; }



/************  Make Standings Selectors Dropdowns Everywhere************************/
.show-div.always-on { 
   visibility:visible; 
   display:inherit;
   border: 1px solid #B7B7B7;
   background-color: #e3dbf7;
   color: black;
   padding: 16px;
   font-size: 16px;
   border: none;
   cursor: pointer;
   text-align:left;
}

.customhamburger.always-on 
{ 
    display: none; 
    background-color: #f9f9f9; 
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 
}

.customhamburger.togglenone-hamburger 
{ 
    display:none; 
}

.customhamburger.toggleblock-hamburger 
{ 
    display: block; 
}


/************  Mike May 2019 Edits ************************/
span.standingstourname, span.standingsseasonname, span.standingsdivisionname, span.selectedseason, span.selectedtour, span.selecteddivision { color:#663399; }

.standingsasofdate { margin-bottom:10px; }


/************  Remove Division Full Warning ************************/
.warning.divisionfull { display:none; }





/*
* UPCOMING CAT
*/

span.upccitystat.wide {
    display: none;
}

td.regcol a {
    color: #663399;
}

svg.us-state-map {
    cursor: pointer;
}

.tnmtregnotice {
    padding-top: 8px;
}

table tr.upcomingrow {
    cursor: pointer;
    background-color: #FFF;
}

    table tr.upcomingrow.upcomingtnmtaltrow {
        background-color: #e2e2fd;
    }

table.upcomingtnmts {
    width: 100%;
    margin-left: auto;
    margin-left: auto;
    border: 3px solid gainsboro;
}

    table.upcomingtnmts th {
        font-weight: bold;
        background-color: #663399;
        color: #FFFFFF;
        font-size: 16px;
        padding-left: 10px;
        height: 30px;
        text-align: left;
        padding-top: 10px;
        text-transform: uppercase;
    }

.upcomdatedisplay {
    font-size: 16px;
    /* font-family: "GT Walsheim Medium"; */
}

table.upcomingtnmts td {
    font-weight: bold;
    font-size: 15px;
    border: 1px solid #e2e2e2;
    padding: 13px;
}

span.upccitystat.wide {
    padding-left: 10px;
    font-weight: 100;
    /* font-family: "GT Walsheim Medium"; */
    font-size: 15px;
    display: block;
    padding-top: 10px;
}


div.upcomingtnmtdate {
    font-size: 17px;
    padding-top: 5px;
    /* font-family: "GT Walsheim Medium"; */
}

div.upcomingtnmtcitystate {
    font-size: 15px;
    padding-top: 9px;
    font-weight: normal;
    padding-left: 10px;
}

span.tnmtattribute {
    display: none;
}

.ion-ios-information-outline.upcomingmobileicon {
    cursor: pointer;
}

.upcomtnmtmobile.citystate {
    font-weight: normal;
    float: none;
    font-size: 15px;
    padding-top: 9px;
    padding-left: 6px;
}

div.upcomseriestext.rankedbytext, div.tnmtcolumndatedisplay {
    display: none;
}

span.seriesranktext {
    display: none;
}

td.infocol, th.infocol {
    width: 7%;
}

table.upcomingtnmts th.datecol, table.upcomingtnmts td.datecol {
    width: 14%;
}

table.upcomingtnmts th.tnmtcol, table.upcomingtnmts td.tnmtcol {
    width: 42%;
}

table.upcomingtnmts th.seriescol, table.upcomingtnmts td.seriescol {
    width: 12%;
}

table.upcomingtnmts th.rankedbycol, table.upcomingtnmts td.rankedbycol {
    width: 17%;
}

table.upcomingtnmts th.regcol, table.upcomingtnmts td.regcol {
    width: 15%;
}


div.upcomingmobileicon, ul.upcomtnmtmobile {
    display: none;
}

.ion-ios-information-outline.upcomingmobileicon {
    cursor: pointer;
    width: 34px;
    height: 34px;
    border: 1px solid #B7B7B7;
    background-color: #E2E2E2;
    float: right;
    text-align: center;
    transition: ease .5s;
    font-size: 32px;
}

    .ion-ios-information-outline.upcomingmobileicon:hover {
        background-color: #479bd5;
    }



.upcomtnmtmobile, span.seriesranktext {
    display: none;
}

    .upcomtnmtmobile.rankseries {
        font-weight: normal;
        float: none;
        display: block;
        font-size: 80%;
        padding-top: 4px;
        padding-left: 7px;
    }


div.upcomingmobileicon, ul.upcomtnmtmobile {
    display: none;
}

    ul.upcomtnmtmobile li.licatseries {
        display: none;
    }

/* SHOWS STATE CHOICE OPTION ON SCHEDULE */

.upcomingcatselectdropdown {
    display: inherit;
}

.statedropdown {

    color: #663399;

}




/* 
.upcomingtnmtcategorysection {
    display: none;
}
*/

div.catsearchupcomingwide {
    overflow: hidden;
    margin-top: 15px;
}

td.rankedbycol, th.rankedbycol {
    display: none;
}

@media screen and (max-width: 920px) {
    .upcomtnmtmobile.citystate {
        font-size: 80%;
    }

    button.sitebutton.upcomingcategory, button.sitebutton.upcomingresuls, .upcomingtnmtcategorysection button.sitebutton.upcomingresuls {
        width: inherit;
        margin-right: 2px;
        font-size: 70%;
    }


    .upcomingtnmtcitystate {
        padding-left: 15px;
    }

    span.upccitystat.wide {
        display: block;
        padding-top: 10px;
    }
}

@media screen and (max-width: 860px) {

    table.upcomingtnmts th.seriescol, table.upcomingtnmts td.seriescol {
        display: none;
    }

    ul.upcomtnmtmobile li.licatseries {
        display: block;
        padding-right: 10px;
    }

    .padtop.tnmtcatresults {
        display: none;
    }

    .padtop.tnmtstatusresults {
        display: none;
    }
}


@media screen and (max-width: 768px) {

    button.sitebutton.upcomingcategory, button.sitebutton.upcomingresuls, .upcomingtnmtcategorysection button.sitebutton.upcomingresuls {
        margin: 3px;
        padding: 13px;
    }

    .upcomingtnmtcategorysection button.sitebutton.upcomingcategory, .upcomingtnmtcategorysection button.sitebutton.upcomingresuls {
        margin: 3px;
    }

    table.upcomingtnmts th.regcol, table.upcomingtnmts td.regcol, th.rankedbycol, td.rankedbycol, th.infocol, td.infocol {
        display: none;
    }


    div.upcomingtnmtdate, div.upcomdatedisplay {
        font-size: 14px;
    }

    .upcomingwide {
        display: inherit;
    }


    div.upcomingtnmtcitystate {
        padding-left: 8px;
    }
    .upcatregtextmobile {
        display:inherit;
    }
    div.upcomingtnmtcitystate, .upcatregtextmobile {
        font-size: 13px;
    }
}


@media screen and (max-width: 600px) {

    span.upccitystat.wide {
        display: none;
    }  
    
    div.tournamentname {
        font-weight: bold;
        font-size: 16px;
    }

    table.upcomingtnmts th.datecol, table.upcomingtnmts td.datecol {
        display: none;
    }

    table.upcomingtnmts th.tnmtcol, table.upcomingtnmts td.tnmtcol {
        width: 100%;
    }

    div.tnmtcolumndatedisplay, div.tnmtcolcitystatedisplay {
        display: block;
    }

    span.tnmtcolcitystatedisplay {
        padding-left: 5px;
        font-weight: normal;
        font-size: 14px;
    }

    div.upcomingtnmtdate.upcomtnmtname {
        font-size: 15px;
        padding-left: 3px;
        padding-top: 11px;
    }
}

.ldbdpairings {

    display: none;

}


/*
* END UPCOMING CAT
*/

/*
* PROMO
*/
.promo-container {
    position:relative;
    width:100%;
    height:90px;
    overflow:hidden;
}

.promo-iframe {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
    overflow: hidden;
    max-width: 760px;
}

@media screen and (max-width: 768px) {
    .promo-container {
        height: 82px;
    }
}

@media screen and (max-width: 650px) {
    .promo-container {
        height: 71px;
    }
}
@media screen and (max-width: 550px) {
    .promo-container {
        height: 59px;
    }
}
@media screen and (max-width: 450px) {
    .promo-container {
        height: 48px;
    }
}
@media screen and (max-width: 400px) {
    .promo-container {
        height: 41px;
    }
}
@media screen and (max-width: 350px) {
    .promo-container {
        height: 37px;
    }
}  


/*
* END PROMO
*/