body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, label, input, textarea, p, blockquote, th, td{margin:0;padding:0;}
body{font-size: 16px;font-family: 'National-Book',sans-serif; /*Alegreya Sans;*/color:#333; line-height:18px;background-color:#efefef;}

/*USE FOR ALL ITEMS NEEDING SPECIAL PLACEMENT*******************************************************************************************************************************************************************/
.errMsg{float:left;margin-top:-24px;margin-left:150px;color:#f03;font-size:12px !important;font-weight:normal !important;}
.center{text-align:center;}
.required{color:#f03;}
.bold{font-weight:bold;}
.left{float:left;}
.clearLeft{clear:left;display:block !important;}
.right{float:right;}
.bold_spacer{font-weight:bold;margin-right:12px;float:left;}
.rounded{border-radius:4px;}
.smTextBlock{width:400px;height:auto;overflow:hidden;margin:10px auto;/*border:1px solid #ccc;*/}
.lgTextBlock{width:auto;height:auto;overflow:hidden;margin:10px auto;/*border:1px solid #ccc;*/}
.imgContainer{width:auto;height:auto;overflow:hidden;text-align:center;}
#assocContainer{width:70%;margin:auto;margin-bottom:8px;padding:10px 0 10px 10px;line-height:20px; background-color:#fff;border:1px solid #cecece;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.textHeader{font-family: "National-Book",sans-serif;font-size:45px;}
#assocImgMap{max-width:100%;margin:auto;}
#assocLinks{display:none;}

/*USE WHEN A FORM TAG IS NEEDED INSIDE THE HTML AND HAS AN UNWANTED BORDER*****************************************************************************************************************************************************************/
.noBorder{border:none;}
.errText, .redText{color:#f03;}
a:link, a:visited{font-family:"National-Bold";color:#00365f; text-decoration:none;}
a:hover{text-decoration: underline;}
a.pagelink:link, a.pagelink:visited{font-family:"National-Bold";font-size:20px;font-weight:700;color:#00365f;}
a.pagelink:hover{text-decoration: underline;}
.mLink{color:#00365f;}
a.boldLink{font-size:22px;font-weight:bold;color:#009;text-decoration:none;}
a.boldLink:hover{color:#882727;}
a, img {border:none;outline:none;}
.logo{max-width:100%;}
img.linkImg{margin-right:10px;}
/*#app_Header{width:auto;height:90px;border:1px solid #000;font-size:26px;}*/
#contentWrapper{width:auto;min-height:200px;overflow:hidden;margin:4px;/*padding-top:160px;*//*border:1px solid #ccc;*/}
#contentWrapper #contentArea{width:auto;height:auto;overflow:hidden;margin:0 4px 8px 4px !important;padding-top:20px;/*border:1px solid #f03;*/}
#contentWrapper .pageTitle{margin:46px 0 20px 0;text-align:center !important;color:#00365f;}
h1{font-size:55px;font-family:'National-Book',Helvetica,sans-serif!important;}
h2, h3, h4, h5, h6{margin:14px 10px;font-size:20px;font-family:'National-Bold',sans-serif;}
#contentWrapper #contentArea p{margin-bottom:10px;font-size:16px;line-height:18px;}
#contentWrapper #contentArea p.boldText{font-weight:bold;margin-bottom:10px;}
#contentWrapper #contentArea ul{margin:20px 0 20px 40px;}
#contentWrapper #contentArea span{font-weight:bold;}
#contentWrapper #contentArea .contentBlock{width:60%; height:auto;overflow:hidden;margin:auto;/*border:1px solid #009;*/}
.contentBlock p{font-family:  Arial,"Helvetica Neue",Helvetica,sans-serif;font-size: 20px;color: #474C56;line-height: 30px;}
.contentBlock span{font-family:  'National-Book',sans-serif;font-size: 20px;line-height: 1.5;text-align:center !important;color:#f03;}
.errorContainer{width: 40% !important;height:auto;overflow:hidden; margin: auto;margin-bottom:20px;}
ul.skin li{font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;font-size: 16px;color: #474C56;margin-left:40px !important;margin-bottom:6px;}
#infoModal{width:90%;height:auto;position:absolute;background-color:#ccc;right:0;left:0;margin:20px auto;background-color:#fff;z-index:998;border:1px solid #333;border-radius:4px;box-shadow:0px 0px 5px #333;display:none;}
#help{width:100%;margin-left:14px;display:none;border:2px solid #999;}
#mClose{width:26px;height:25px;float:right;top:10px;left:95%;position:absolute;background-image:url(/resources/i/images/modal_close.png);z-index:999;cursor:pointer;}

/*MULTIPLE COMLUMNS ALIGNED IN A ROW*****************************************************************************************************************************************************************/
.contentColumns{width:40%;height:auto;overflow:hidden;margin-left:50px;float:left;font: 16px Arial,"Helvetica Neue",Helvetica,sans-serif !important;font-weight:bold;}
.rulesQuizColumns{width:40%;height:auto;overflow:hidden;margin-left:50px;float:left;/*border:1px solid #060;*/}

#quizNumberSelect .rulesQuizColumns .columnRow{width:auto;height:inherit;overflow:inherit;margin:4px;border:1px solid #cecece;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
#quizNumberSelect .rulesQuizColumns .columnRow:hover{background-color:#cecece;border:1px solid #999;}
.rulesQuizColumns .columnTitle{width:auto;height:24px;overflow:inherit;margin:4px;text-align:center;font-size:20px;font-weight:bold;}
.rulesQuizColumns .columnRow label{position:absolute;margin-top:6px;}

.seminarSelect{width:30%;margin-left:14% !important;font-size:16px;}
.seminarSelect p{font-size: 16px !important;line-height:18px;}

/*DATA TABLE STYLES*****************************************************************************************************************************************************************/
table{border-collapse:collapse;}
table td.tblTitle{font-size:18px;font-weight:bold;height:30px;}


/*table{border:2px solid #333;}
td{border:1px solid #f03;}*/
#hdcpSeminarTbl{width:auto;margin:auto;}
#hdcpSeminarTbl th{width:128px;}
#hdcpSeminarTbl tr{height:20px;}
#hdcpSeminarTbl tr:hover{background-color:#999;color:#fff;}
#hdcpSeminarTbl tr td{padding:2px 0 0 2px;}
#hdcpFAQTbl{width:70%;margin:auto;/*border:1px dashed #333;*/font: 12px Arial,"Helvetica Neue",Helvetica,sans-serif;}
#hdcpFAQTal td{font-weight:bold;}
.hdcpFAQTbl{width:70%;margin:auto;/*border:1px dashed #333;*/}
.hdcpFAQTbl td{min-height:30px;}
.hdcpSearchTbl{width:50%; margin:auto;}
.hdcpSearchTbl tr{height:40px; border-bottom:1px solid #cecece;}
.hdcpSearchTbl td{padding-left: 20px;font-size:16px;}
.entrantLookupTbl{width:560px;height:auto;margin:auto;margin-top:10px;margin-bottom:10px;font-family:'National-Book',sans-serif;}
.entrantLookupTbl td{height:20px;}
.entrantLookupTbl tr{border-bottom:1px solid #cecece;}
.entrantLookupContainer{width:90%;min-height:30px;overflow:hidden;margin:2px auto;padding:8px 0;border:1px solid #cecece;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#fff;font-size:16px;}
.entrantLookupContainer a:link, a:visited{text-decoration:none;color:#00365f;}
.entrantLookupContainer a:hover{text-decoration:underline;}
#entrantLookupHeader{border:none;margin-bottom:10px;}
.entrantLookupContainer .entrantLookupContent{min-width:200px;height:auto;overflow:hidden;float:left;margin-left:10px;font-weight:bold;}
.entrantLookupContainer .entrantLookupContent_normText{min-width:120px;height:auto;overflow:hidden;float:left;margin-left:10px;font-weight: normal;}
.entrantLookupContainer .entrantLookupContent_center{min-width:120px;height:auto;overflow:hidden;float:left;margin-left:10px;text-align:center;}

/*MEDICAL EQUIPMENT PRODUCT LISTS*****************************************************************************************************************************************************/
#productListContainer{width:70%;height:auto;overflow:hidden;margin:10px auto;padding:2px 0;border:1px solid #cecece;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#fff;}
#productListContainer .productListRow{width:auto;height:auto;overflow:hidden;margin:4px 4px;border-bottom:1px solid #f0f0f0;}
#productListContainer .productListRow:last-child{border-bottom:none;}
.productListRow > label{width:184px;height:auto;overflow:hidden;float:left;text-align:right;display:block;margin-right:50px;font-weight:bold;}
.productListRow .productListInfo{width:auto;height:auto;overflow:hidden;float:left;}

/*CONFORMING GOLF BALL & GOLF CLUB LISTS*****************************************************************************************************************************************************/
#conformingContainer{width:60%;height:auto;overflow:hidden;margin:10px auto;padding:4px;border:1px solid #cecece;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#fff;font: 12px Arial,"Helvetica Neue",Helvetica,sans-serif;}
#conformingContainer .conformRow{width:auto;height:auto;overflow:hidden;margin:4px 4px; padding:4px;border-bottom:1px solid #f0f0f0;}
#conformingContainer .conformRow:last-child{border-bottom:none;}
.conformRow > label{width:80px;height:auto;overflow:hidden;float:left;text-align:right;display:block;margin-right:150px;font-weight:bold;}
.conformRow > .lblLong{width:140px;height:auto;overflow:hidden;float:left;text-align:right;margin-right:150px;font-weight:bold;}
.conformRow .conformInfo{width:auto;height:auto;overflow:hidden;float:left;}
.gClubList{font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;font-size: 16px;color: #474C56;margin-left:80px;}
.gClubList li{margin-bottom:8px;}
.markings{width:200px; height:auto;overflow:hidden;float:right;padding:4px;margin:4px;border:1px solid #cecece;box-shadow:0px 0px 2px #666;display:none;}

/*RULES FAQ*********************************************************************************************************************************************************************/
/*#rulesFAQContainer, #gClubContainer{width:60%;height:auto;overflow:hidden;margin:10px auto;}*/
#rulesFAQContainer, #gClubContainer{width: 100% !important;margin:auto;}
.rulesResultsContainer{width:80% !important;height:auto;overflow:hidden;margin:10px auto;background-color:#fff;padding:0 10px;border:1px solid #cecece;}
/*.rulesResultsContainer{width:80%; background-color: #fff;padding-left:20px;}*/
/*.rulesResultsContainer{width:80% !important;height:inherit;overflow:hidden;margin:10px 0;border:1px solid #cecece;}*/

ul.rulesFAQ{width:100%;margin-left:-16px !important; list-style:none;}
ul.rulesFAQ li{line-height:24px;}
#rulesFAQVideoContainer{width:90%;height:auto;overflow:hidden;margin:auto;/*border:1px solid #333;*/}
#rulesFAQVideoContainer .rulesFAQTitlebar{width:auto;height:inherit;overflow:inherit;padding:4px;font-weight:bold;background-color:#cecece;border-top-left-radius:4px;-moz-border-top-left-radius:4px;-webkit-border-top-left-radius:4px;border-top-right-radius:4px;-moz-border-top-right-radius:4px;-webkit-border-top-right-radius:4px;}
#rulesFAQVideoContainer .rulesVideoLinkContainer{width:47%;height:inherit;overflow:inherit;margin:0 0 6px 10px;float:left;/*border:1px solid #ccc;*/}
#rulesFAQVideoContainer .rulesVideoLinkContainer .rulesVideoRow{width:auto;height:20px;overflow:inherit;margin:4px;border:1px solid #cecece;}
.rulesVideoRow:hover{background-color:#cecece;border:1px solid #999;color:#000;}
.aRule{color:#000;}


/*RULES QUIZ LAYOUT******************************************************************************************************************************************************************/
#rulesQuiz{margin-top:30px;border-bottom:1px solid #cecece;}
.lblRuleNumber{width:20px;height:14px;display:inline;margin-top:6px;margin-right:10px;float:left;font-size:16px;font-weight:bold;}
.lblRulesTitle{width:100px;height:auto;overflow:hidden;display:inline;margin-right:10px;float:left;font-size:16px;font-weight:bold;}
.lblRulesQuestion{width:80%;height:auto;overflow:hidden;display:inline;float:left;font-size:20px;line-height:30px;}
.lblRulesText{width:80%;height:auto;overflow:hidden;display:inline;float:left;font-size:16px;}
.lblResult{width:100px;margin-left:20px;font-size:16px;font-weight:bold;color:#f03;}
.rulesQuizRow{width:auto;height:auto;overflow:hidden;margin:30px 6px;/*border:1px dotted #333;*/}
.rulesQuizAnswer{width:85%;height:auto;overflow:hidden;margin:auto;margin-bottom:6px;padding:4px;}
.rulesQuizAnswer:hover{background-color:#cecece;}
.lblRulesQuizAnswer{width:90% !important;height:auto;overflow:hidden;display:inline;float:left;font-size:16px;line-height:24px;}
.lblRulesResult{font-size: 16px;font-weight: bold;color: #f03;}
.lblForm{width:100px;margin:8px 0 8px 14px;color:#666;font-weight:bold;font-size:16px;display:block;}
.rbSelect{width:80px;}
input[type='radio']{-webkit-transform:scale(.4); -ms-transform:scale(.4);}
.rbQuiz{width:20px;height:20px;float:left;margin-right:10px;background-color:#ccc;}
.checkbox{float:left;margin:2px 20px 0 50px;}


/*FORM STYLES*******************************************************************************************************************************************************************/
form{padding:0;margin:0;}
ol{margin-left:20px; /*border:1px solid #333;*/}
form ol li label{width:100px;margin-bottom:8px;color:#666;font-weight:bold;font-size:12px;display:block;}
form ol li label.lblLong{width:auto;}
/*form ol li input, textarea, select{width:230px;height:30px;}*/
form ol{width:auto;overflow:hidden;margin:auto;}
form ol.confirm{width:40%;border:1px solid #cecece;margin-bottom:4px;padding-top:4px;border-radius:4px;background-color:#fff;}
form ol.confirm li{width:99%;margin-right:40px;clear:both;}
form ol.confirm label{width:250px;text-align:right;float:left;margin:0 40px 0 0;}
form ol p{font-weight:bold;text-decoration:underline;}
.lblConfirmInfo{font-size:12px;}

/*#############POSSIBLE CROSS APPLICATION ISSUE#############*/
/*input, textarea, select{width:80px;height:30px;padding-left:4px;font-size:11px;border:1px solid #999;}*/


.formRb{width:40px !important;height:15px;margin-top:6px;}
.rbLabel{margin-top:-16px;margin-left:-10px;font-weight:bold; color:#666;}
.chkbox{width:50px !important;}
input{width:96%;height:32px;font-size:11px;padding-left:4px;border:1px solid #d4d4d4;font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;font-size: 14px;color: #474C56;}
select{width:97%;height:34px;border:1px solid #d4d4d4;font-size:11px;-moz-appearance:none;
			padding-left:12px;
            -webkit-appearance:none;
            background:url(../images/arrow_down.png) #fff;
	        background-repeat:no-repeat;
	        background-position:right;
            cursor:pointer;
}

 select::-ms-expand {display: none;}

#ContentPlaceHolder1_rblShirt{}
#ContentPlaceHolder1_rblShirt td{text-align:center;border:1px solid #333;}

/*USED FOR SHORT FORMS IN VERTICLE LAYOUT*********************************************************************************************************************************************************************/
form ol.singleColumn{width:40%;height:auto;overflow:hidden;padding:6px;}
form ol.singleColumn li{}
/*form ol.singleColumn li{width:70%;margin-left:60px;border:1px solid #ccc;}*/
form ol li{width:99%;height:auto;overflow:hidden;margin-bottom:0.8em;}
/*form ol.singleColumn li label{float:left;}

form ol li select{float:left;display:inline;width:47.5%;margin-right:2.5%;border:1px solid #999;}*/
.longSelect{width:97.5%;margin-left:2px;}
._longSelect{width:236px;height:32px;}
form ol.singleList li{width:47.5%;margin-right:2.5%;margin-bottom:0.8em;}

/*USED FOR MULTI-COLUMN FORMS*********************************************************************************************************************************************************************/
ol.multi-column-form{width:40%;height:auto;overflow:hidden;}
ol.multi-column-form li{float:left;width:45%;}

ol#clbLic li{min-height:60px;}

/*USED FOR ASSOCIATION VIEW*********************************************************************************************************************************************************************/
form ol#assocView{width:80%;margin:auto;border-bottom:1px solid #ccc;}
form ol#assocView label{width:40%;float:left;margin-left:6px;font-weight:normal;}


.associationForeign{width:auto;float:left;clear:left;}
.associationClear{width:auto;display:inline-block;clear:both;}
.associationSpacer{width:90%;height:20px;margin:auto;border-bottom:1px solid #cecece;}
.assLink{font-size:16px !important;color:#00365f;line-height:normal !important; text-decoration:underline;}
.assLink:hover{text-decoration: none;}

/*USED FOR VOLUNTEER APP*********************************************************************************************************************************************************************/
.volsContainer{width:auto;height:auto;overflow:hidden;margin:10px 4px;padding:2px 0;border:1px solid #cecece;}
.volsContainer .volsRow{width:auto;height:auto;overflow:hidden;margin:4px 0;padding:2px;border:1px solid #333;}
.volsContainer .volsRow .lblVols{}
.volsContainer .volsRow .volsInput{width:250px;height:auto;overflow:hidden;float:right;border:1px dashed #f03;}
.volsRow .volsChk{width:20px !important;height:20px !important;}
.volsRow input[type=text]{width:150px;height:30px;margin-left:50px;}
.volsRow input[type=radio]{width:50px;border:1px solid #333;}

/*PAGE LINK & TEXT LIST STYLES***************************************************************************************************************************************************/
.hdcpLinkList{width:auto !important;margin:auto;list-style-type:none;font-family:  Arial,"Helvetica Neue",Helvetica,sans-serif;font-size: 20px;line-height:30px;}
.hdcpLinkList li{margin-bottom:20px;}
.hdcpQuestionText{width:auto;height:auto;overflow:hidden;margin:4px 10px;color:#522a2a;border-bottom:1px solid #cecece;}

/*CONTAINER TO ALIGN FORM BUTTONS CENTERED & FORM BUTTONS STYLES***************************************************************************************************************************************************/
div.buttons{width:auto;height:auto;overflow:hidden;margin:20px 0;text-align:center;/*border:1px solid #ccc;*/}
.formButton{width:300px;height:47px;background-color:#00365f;margin:auto;color:#fff;font-family:"National-Medium";font-size:16px;border:none;outline:none;border-radius:22.5px;cursor:pointer;}
.multiButtonContainer{width:211px;height:46px;overflow:hidden;margin:0 auto;display:inline-block;background-color:#da1a31;/*border:1px solid #333;*/}
.multiButtonContainer_nobg{width:211px;height:46px;overflow:hidden;margin:0 auto;display:inline-block;background-color:transparent;}
.multiButtonContainer span{position:relative;top:14px;color:#fff !important;font-family:"Alegreya Sans",sans-serif;font-size:16px;font-weight:bold; }
.multiButtonContainer a:hover{text-decoration: none;}
.formInfoLink{float:right; margin-right:10px; color:#009;font-size:11px;cursor:pointer;}
.sortButton{width: 300px;height:47px;background-color: #00365f;font-family:"National-Bold",sans-serif;font-size:16px;color: #fff;border:none;cursor:pointer;}

/*PAGE FOOTER****************************************************************************************************************************************************
#app_Footer{width:auto;height:200px;border:1px solid #000;font-size:26px;}
*/




/*DATA GRID TABLE STYLING******************************************************************************************************************************************/
table#gvCourses{ width: 60%;height:auto;overflow:hidden; margin:auto;margin-bottom:50px;font-family:'Alegreya Sans', Arial, sans serif;}
table#gvCourses{color:#333;}
table#gvCourses a{color:#00365f;}
/*tr:nth-of-type(odd) {background:#cecece;}*/
th {background: #fff;color: white;font-weight: bold;}
td, th {
    padding: 6px;
    border-bottom: 1px solid #ccc;
    text-align: left;
    text-align: left;
}
 a{color:#00365f;}

table#gvCourseTees{width:60%;font-family:'Alegreya Sans', Arial, sans serif;margin:auto;margin-bottom:50px;}
table#gvCourseTees th{color:#00365f;}
table#gvCourseTees td{font-size:14px;font-weight:500;}

table#gvTee{width:60%;margin:auto;font-family:"Alegreya Sans", Arial, sans-serif;font-size:14px;}
table#gvTee th{color:#00365f;font-size:16px;}
.ratingsStyleItems {
    text-align:center;
}







@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    #sortMenu{visibility:visible !important;}
   

	/* Force table to not be like tables anymore */

	th{padding-left:30px;width:200px !important;margin-bottom:6px;}
    th:last-child{margin-bottom:30px;}
    th:hover{background-color:#faf5cb;}
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {position: absolute;top: -9999px;left: -9999px;}
	
	tr { border-bottom: 1px solid #999; }
	
	td {/* Behave  like a "row" */border: none;border-bottom: 1px solid #eee;position: relative;padding-left: 50%;}

    td a{font-size:14px !important;}

        td:before {
            /* Now like a table header */
            /*position: absolute;*/
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 20%;
            padding-right: 10px;
            white-space: nowrap;
        }


	
	/*Label the data*/
	td:nth-of-type(1):before { content: "Club Name"; font-weight:500;}
	/*td:nth-of-type(2):before { content: "Course Name"; font-weight:500;}*/
	td:nth-of-type(2):before { content: "City"; font-weight:500;}
	td:nth-of-type(3):before { content: "State"; font-weight:500;}

    /*End Table Data*/



    /*NCRDBlisting.aspx Course list Datagrid*/
    table#gvCourses td{padding-left:30%;width:45% !important; text-align:left;}
    table#gvCourses, thead, tbody, th, tr {display: block; width:98% !important; margin:auto;}
    
    
    
    #gvCourseTees td{width:57% !important;}    
    #gvCourseTees{margin-bottom:50px;}
    #gvCourseTees th{color:#00365f;}
    #gvCourseTees th{display:none;}
    #gvCourseTees tr{border-bottom:none;}

   #gvCourseTees td:nth-of-type(1):before { content: "Club / Course Name"; font-weight:500;}
   #gvCourseTees td:nth-of-type(2):before { content: "City"; font-weight:500;}
   #gvCourseTees td:nth-of-type(3):before { content: "State"; font-weight:500;}





   table#gvTee, thead, tbody, th, td, tr {display: block;width:98% !important;margin:auto;}
   #gvTee td{width:42% !important;}
   table#gvTee th{display:none;}

   #gvTee td:before {position: absolute;top: 6px;left: 6px;width:30%;padding-right: 10px;white-space: nowrap;color:#00365f;}

   #gvTee td:nth-of-type(1):before { content: "Tee Name"; }
   #gvTee td:nth-of-type(2):before { content: "Gender";}
   #gvTee td:nth-of-type(3):before { content: "Par";}
   #gvTee td:nth-of-type(4):before { content: "Course Rating (18)" ;  }
   #gvTee td:nth-of-type(5):before { content: "Bogey Rating (18)";}
   #gvTee td:nth-of-type(6):before { content: "Slope Rating (18)"; }
   #gvTee td:nth-of-type(7):before { content: "Front (9)"; }
   #gvTee td:nth-of-type(8):before { content: "Back (9)"; }
    .dtPadding {
        /*! padding-left:0; */
    }

    .genderPadding 
{ /*! padding-left:0; */
}   

   .ratingsStyleItems {
    text-align:left;
}



}