 @import url('/template_resources/css/webfontkit/lato-v2-stylesheet.css');


p {
    font-size: 14px;
} 

body {
  

  
  /* background:url('/template_images/gbc/layout/pagebg.jpg') #1a344e repeat-x 0 0; */
  font-family: 'Lato', Arial, Helvetica, sans-serif;
 /* background:url('/template_images/gbc/layout/pagebg.jpg') #1a344e repeat-x 0 0; */
background: #F4F7E9;
  margin : 0;
  color:#2E0D02;
  }

  .main-content.promo-content {
  	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  	align-items: center; 
  	position: relative;
  	background: #DBE6BC url('/images/giftcard-home-pic.gif') no-repeat 5px center;
  	margin:15px 22px -15px 22px;
  	min-height: 75px;
  	/* 
  	background: #E4EFC8 url('/images/giftcard-home-pic.gif') no-repeat 5px 5px;
  	border: 3px solid #fff;
  	-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px; */
		padding: 5px 2px 5px 108px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
  }
  .promo-content .text, .promo-content p { margin: 0; font-size: 14px;color: #3A633A; }
  .promo-content h1, .promo-content h2, .promo-content h3, .promo-content .subheader {
		line-height: 1.2em;
		padding:0;margin: 0 0 3px 0;
    font-size: 25px;
    font-weight: normal;
		color: #5A6F20;
  }
  .promo-content h1 a, .promo-content h1 a:link, .promo-content h1 a:visited,
  .promo-content h2 a, .promo-content h2 a:link, .promo-content h2 a:visited, 
  .promo-content h3 a, .promo-content h3 a:link, .promo-content h3 a:visited,
  .promo-content .subheader a, .promo-content .subheader a:link, .promo-content .subheader a:visited { color: #5A6F20!important; }
  .promo-content .pure-button { 
  	position: absolute;
		margin-left: 2px;
		font-family: Arial, sans-serif;
		right: 5px; 
		top: 50%;
		margin-top: -16px!important; 
	} 
  .promo-content p {
  	
  }
  .promo-content .pure-button-secondary, .promo-content a.pure-button-secondary {
  	padding: 7px 12px;
  	margin-top: 11px;
  }
  .gift-card-promo {
  	margin-right: 135px;
  	
  }
  .gift-card-promo-inner {
  
  }
  /*
  .special-offers-callout.inside {
    margin-bottom: 12px; 
  }
  .special-offers-callout {
  	position: relative;
  	cursor: pointer;
  	left: -15px;
  	margin-right: -15px;
  	margin-top: -3px;
		padding: 6px;

		background-color: #eef4dc;
		color: #5A6F20;
		font-size: 11px;
		border: 3px solid #FFF;
		-webkit-box-shadow: -1px 5px 5px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: -1px 5px 5px 0px rgba(0, 0, 0, 0.25);
		box-shadow: -1px 5px 5px 0px rgba(0, 0, 0, 0.25);
	}
	.special-offers-callout h1 {
		margin:4px 0 8px 0;
		font-size: 18px;
		font-weight: bold;
		color: #F00; 
	}
	
	*/
	.right-lane-newsletter {
		margin-top: 40px;
	}
	.right-lane-newsletter .email-address {
		width: 100%;
	}
	.book-tee-time {
		margin-bottom: 10px;
	}
  
.homenews {
  color:#ffffff;
  background:#ff9900;
  text-align:right;
  padding-right:3px;
  font-weight:bold;
  text-transform:uppercase;
  font-size:13pt;
  }

.newstitle {
  font-size:12px;
  font-weight : bold;
  margin-bottom:3px;
  }
 

  .more-details-so {
    margin-top: 12px;
   /* width: 80px; */
   float: right;
  }
  .more-details-so .right {
    margin-top: 2px; 
  }
  .more-details-so .left,
  .more-details-so .right { float: left; }

  .inner-content > div > .subnav-scale {
    display: block;
    margin-bottom: 15px;
    overflow: hidden;
  }
  
  
/*{{{ image gallery content */

/*index Table*/
table.categoryIndex{
  padding: 0px 0px 0px 0px;
  border-collapse:collapse;
  }

table.categoryIndex th {
  font-size:11px;
  vertical-align:top;
  padding:0px 6px;
  /*background-color : #E3E3E3;
  background-color: #E4EEC9;*/
  background-color: #EFF4DC;
  border: 1px solid #FFFFFF;
  }
  
table.categoryIndex td {
  font-size:11px;
  vertical-align:top !important;
  padding : 6px 10px;
  /* background-color : #E3E3E3;
  background-color: #E4EEC9; */
  background-color: #EFF4DC;
  border: 1px solid #FFFFFF;
  }
table.categoryIndex td h3{
  margin-top: 0;
  }
table.galleryTopRow{
 /*  width:100%;
  padding: 0px 0px 0px 0px;
  border-collapse:collapse;
  margin:14px 0px 0px 0px; */
  }
  
/*quickLink Table*/
/* table.gallerylink{
  padding: 0px 0px 0px 0px;
  border-collapse:collapse;
  margin:25px 0px 15px 0px;
  font-size:12px;
  }

table.gallerylink th{
  vertical-align:top;
  text-align:left;
  padding: 2px 4px;
  
  background-color : #E3E3E3;
  border: 1px solid #FFFFFF;
  }

table.gallerylink td {
  vertical-align:top;
  padding : 2px 4px;
  background-color : #E3E3E3;
  border: 1px solid #FFFFFF;
  } */
  
  .gallerylink  {
  padding : 2px 4px;
  background-color : #E3E3E3;
  border: 1px solid #FFFFFF;
  } /*}}}*/
 
/*{{{ misc old junk */
				
td.content div.text, td.content span.text {
	font-size: 12px;
}
		
.homeoffer {
  vertical-align:top;
  border-collapse:collapse;
  background:#ECECEC;
  border-left:solid 1px #ffffff;
  }
  
.hometop {
  vertical-align:top;
  border-collapse:collapse;
  background:#B9C8F3;
  /* margin-bottom: 15px;  */
  }
  
  .hometopcontent h1 {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
.hometopcontent{
  /* font-size: 0.85em; */
	font-size: 14px;
  padding : 22px 22px 16px 22px;
  color:#1A347C;
  }
  
.homebottom {
  vertical-align:top;
  border-collapse:collapse;
  /*background:#ECECEC;*/
  }


.homebox {
  font-size: 14px;
  vertical-align:top;
  width:33%;
  }

.homebox h1 { 
  font-size: 12px;
  font-weight: bold;
  color:#5A6F20;
  margin-bottom:5px;
  }


.popup {
  font-size:10pt;
  line-height:1.3em;
  vertical-align:top;
  } /*}}}*/


/*{{{ Tables for enews manager */
table.enewsForm {
  font-size: 8pt;
  font-weight:normal;
  }
  
  
  
  
table.enewsForm th {
  font-size: 8pt;
  font-weight:normal;
  padding-left: 4pt;
  padding-right: 4pt;
  vertical-align:top;
  text-align:right;
  }
  
table.enewsForm td {
  font-size: 8pt;
  padding-left: 4pt;
  padding-right: 4pt;
  vertical-align:top;
  }

/*}}}*/

  
   
/*{{{ AS:20080320 - Manage Guest List - move this somewhere */

.events_popup{
  padding:35px 20px;
  background-color:#ECECEC;
  text-align:center;
  width:100%;
  height:100%;
}

.events_popup h3, .events_popup form{
  margin:0 0 25px 0;
  padding:0;
  text-align:left;
}
   
.marginBottom {
  margin-bottom:4px;
}  

ul.guestlistinvites {
  padding:0px;
  margin:0px;
  white-space:nowrap;
  list-style-type:none;
  list-style-image:none;
}  
ul.guestlistinvites li {
  list-style-type:none;
  list-style-image:none;
}

.ctrl {
  background-color:#D0D0D0;
  border:1px solid #FFF;
  width:20px;
  text-align:center;
  padding:0 6px;
}

.invite_pblc {
  background-color:#D0D0D0;
  border:1px solid #FFF;
  text-align:center;
  padding:6px;
}

.invite_pblc .close {
  float:right;
  background-color:#eee;
  border:1px solid #fff;
  padding:0 3px 2px 3px;
  font-size:8px;
  line-height:6px;
}

/*}}}*/




#callout-container {
  overflow: hidden;

  position: relative;
  left: 50%;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}
#callout-container .pure-form {
  font-size: inherit !important; 
}

#callout-container .offer-block {
  padding-bottom: 37px; 
}


.leftrail .featured  .pure-button {
  margin-top: 20px; 
}
.leftrail .featured .offer-content,


#callout-container .callout .offer-content {
  min-height: 240px;
  margin-top: 24px;
  padding: 0 30px 0 30px;
}
.leftrail .featured .offer-content {
  min-height: inherit;
  
}
#callout-container input.email-address {
  margin-top: 60px; 
}
.leftrail .featured {
  text-align: center; 
}
.fold .callout .container {
  width: auto !important;
  padding: 8px;
  border: 0 !important;
  border: 2px solid #fff !important;
}
.fold .callout .container h2 {
  font-size: 1.2em; 
}
.fold .active.feature i.ind,
.fold .callout.active .container {
   background-color: #A3D033 !important; 
}

.login .fold #tile-3 .container {
  margin-right: 0px; 
}
.login .benefits-col {
  width:232px;
  float: left;
}
.login .tile-col {
  width: 722px;
  float: left;
  padding-bottom: 20px;
  padding-top: 40px;
}

.login .gbc-update-profile .tile-col {
  width: 100%;
}


.fold .callout .container:last-child {
  margin-right: 0 !important; 
}
.fold .callout .container,
#callout-container .callout {
  float: left;
  width: 305px;
  
  border: 1px solid #fff;
  text-align: center;
  margin-right: 10px;
  background: #dbe5be;
}
.leftrail .featured h2,
#callout-container h2 {
 font-family: latobold;
  font-size: 24px;
  color: #161614;
  line-height: 29px; 
  padding: 16px 0 16px 0;
  margin: 0;
}

.gbc-update-profile .fold .callout .container {
  float: none;
}

.leftrail .featured h2,
#callout-container  .featured h2 {
  display: block;
  background-color: #a3d033;
  margin: 0;
  
  background: #A3D033;
  border-bottom: 1px solid #FFFFFF;

 font-family: latobold;
 font-size: 24px; 
 color: #FFFFFF;
 line-height: 29px;

}
.pure-form input[type="text"], .pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], .pure-form input[type="date"], .pure-form input[type="month"], .pure-form input[type="time"], .pure-form input[type="datetime"], .pure-form input[type="datetime-local"], .pure-form input[type="week"], .pure-form input[type="number"], .pure-form input[type="search"], .pure-form input[type="tel"], .pure-form input[type="color"], .pure-form select, .pure-form textarea {
  border-radius: 0; 
}
.calltoactions {
    position: absolute;
    margin-top: 20px;
    width: 480px;
    overflow: hidden;
    left: 50%;
    
}
.calltoactions-container {
  position:relative; 
}
.calltoactions a {
   margin-bottom: 10px;
   display: block;
   width: 276px;
   float: right;
   clear: both;
}


  /* new since 5.2 upgrade down here... */
  /*
  #hero h1 {
    font-weight: bold; 
  }
  */
  #hero {
    width: 800px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 30px;
    
  }
  #hero h1 {
    margin: 0.6em 0;
  }
  #hero .text {
    font-size: 18px;
    color: #161614;
    line-height: 32px;
  }
  /*
  #hero .text {
    line-height: 1.85em; 
  }
  */
  
  /*{{{ layout  */
  div#page {
    width:100%;
    border-top: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    box-shadow: 0px 26px 60px 0px rgba(0,57,0,0.20);

  /*  margin:0px auto 8px auto; */
  }
  
  
  #callouts {
    background-image: linear-gradient(-180deg, #EFF4DC 0%, #E6EFC1 100%);
    box-shadow: 0px 26px 60px 0px rgba(0,56,0,0.10);
     
    overflow: hidden;
    padding: 40px 0 40px 0;
    

  }
  #main-content {
     
  }
  div#container {
    /*
    width:960px;
    margin: 0 auto;
    */
    float: right;
    position: relative;
    left: -50%;
    
    
  }
  
  
  div#main-content {
    border: 2px solid #FFFFFF;
    box-shadow: 0px 26px 60px 0px rgba(0,56,0,0.10);
  }
  div#articles {
   
    border: 2px solid #FFFFFF;
   
  } 
  
  div#boxWrapper {
    width:960px;
    margin: 0 auto;
    /*
    background-color:#FFF;
    text-align:center;
    padding-top:3px;
    */
  }
  div#box {
    width:954px;
    margin:0 auto 0 auto;
    /*background-color:#FFF;*/
    text-align:left;
    border-top: 4px;
    
  }  
  div.mainthoroughfare {
    clear: both;
    /* width:960px; */
    width:954px;
    /* width: 1033px; */
    
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    /* background-color: #EEF4DC; */
    /*background:#EEF4DC url('/template_images/gbc/layout/contentbg_v2.gif') repeat-y 0 0;*/
  }

  .insidepage div.leftrail {
     margin-top: 0;
  }
.homepage div.mainthoroughfare {
    background:#EEF4DC url('/template_images/gbc/layout/sidebar-bg.jpg') repeat-y 0 0;  /* homepage */
  }

  .side-courses {
    margin: 0; 
  }
  .side-courses, 
  .side-courses ul {
    list-style: none;
  }
  .side-courses > li > a {
    font-weight: bold;
  }
  
  .course-info  {

    display: inline-flex;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    position: relative;
    width: 954px;
  }
  .course-info span {
    clear: both;
    display: block;
  }
  .course-info .weather {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    text-align: left;
    padding-top: 16px;
    width: 120px;
  }
  
  
  .course-info .weather-text,
  .course-info .holes,
  .course-info .par,
  .course-info .yards { 
     font-size: 12.69px;
  }
  .course-info .weather-icon {
    margin-left: 20px;
    float: left;
    
  }
  .course-info .weather-text {
    font-family: latobold;
    float: left;
    color: #161614;
    line-height: 16px;
    text-shadow: 0px -2px 0px #FFFFFF; 
  }
  .course-info .holes,
  .course-info .par,
  .course-info .yards {
    text-align: center;
    width: 75px;
    padding: 16px 0px 0 0px;
  }
  .course-info .holes strong,
  .course-info .par strong,
  .course-info .yards strong {
    font-family: latobold;
    font-weight: normal;
    font-size: 19px;
    color: #61615F;
    line-height: 23px;
    text-shadow: 0px -2px 0px #FFFFFF;
  }
  
  .course-info-container .book {
    overflow: hidden;
    /*width: 338px;
    margin-top: 20px;*/
    
  }
  .course-info-container .book a {
    display: block;
  }
  .book .tee {
    font-family: lato;
    font-size: 14px;
    color: #161614;
    line-height: 19px;
    float: left;
  }
  .book .call {
    font-family: lato;
    font-size: 14px;
    color: #61615F;
    line-height: 19px; 
    float: right;
    clear: none;
    display: inline !important;
  }
  .course-info .weather {
 
    text-align: center;
    margin-left: 10px;
  }
  .course-info .weather-text {
    line-height: 2.5em; 
    margin-left: 4px;
  }
  .course-info .holes,
  .course-info .par,
  .course-info .yards,
  .course-info .weather,
  .course-info .featured {
    float: left;
   
  }
  .course-info .featured {
    position: absolute;
    bottom: 0;
    background: #EFF4DC;
    /*border: 1px solid #fff;*/
    width: 276px;
    text-align: center;
    right: 0;
  }
  .course-info .featured h2 {
    color: #fff;
    margin: 0;
    border-bottom: 1px solid #fff;
    text-align: center;
    
    font-family:latobold;
    font-size: 24px;
    line-height: 29px;
    font-weight: normal;
    padding: 12px 0 12px 0;
  }
  .course-info .featured-content {
    padding: 0 12px 12px 12px;
    border-left: 1px solid #fff;
     border-right: 1px solid #fff;
      border-bottom: 1px solid #fff;
  }
  .course-info .featured-content .pure-button {
    margin-top: 16px;
  }
  .course-info .sep {
    border:0;
    height:50px;
    width:2px;
    float: left;
    background-image:-webkit-linear-gradient(top,#eee,#ccc,#eee); 
    background-image:-moz-linear-gradient(top,#eee,#ccc,#eee);
    background-image:-ms-linear-gradient(top,#eee,#ccc,#eee);
    background-image:-o-linear-gradient(top,#eee,#ccc,#eee);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee', endColorstr='#cccccc');
    /*margin: auto;*/
  }
  .course-info .book {
    clear: both; 
    padding: 0 18px;
  }
  
  div.leftrail {
    float:left;
    width:310px;

  }
  .course-block.bottom {
    margin: 0 auto 0; 
  }
  .academy .course-logo {
    margin-top: -40px; 
    width: 307px;
  }
  .academy .centerlane {
    margin-top: -180px; 
  }
  .course-logo-item {
    width: 310px; 
 
    float: left;
  }
  .course-info-container { 
    /*margin: 30px 0 0 20px;*/
    margin-top: -40px;
  }
  .course-info-container .course-info-data {
       margin-top: 80px;  
       width: 368px;
       
       float: left;
  }
  .course-info-container .course-info-data .data {
    display: inline-flex;
    display: -ms-inline-flexbox;
  }
  
  div.leftrail {
     background-color: #eff4dc; 
  }
  div.leftrail .inner {
   /* background-color: #DBE6BC;*/
    /* border-top:1px solid #FFF; */
      
      /* padding: 20px; */
      max-height: 100%;
 
  }
  div.leftrail .inner > .inner-content {
    padding: 20px; 
  }
  
  .course-side-block span.subnavlink a,
  .course-side-block span.subnavlink a:visited,
  .course-side-block span.subnavlink a:link {
    color: #000; 
  }
  .course-side-block span.subnavlink a:hover {
    color: #595858;
  }
  
  div.course-logo-content {
    height:192px;
    border: 1px solid #fff;
    

    justify-content: center; /* align horizontal */
    align-items: center; /
    
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;

    
    
  }
  
  div.course-logo {
   
     background-color: #eff4dc;
     text-align: center;
  }
  
  div.centerlane {
    float:left;
    width:644px;
  }
  /*
  div.one-column {
    background:#eef4dc;
  }
  */
  
  div.centerlane .inner {
    /* background-color: #ECECEC; */
  }
  
  
  .main {
    font-size: 12px; /* was 14 */
    padding : 0px 30px 60px 20px;
  }
  .main h1.course_color {
   /* margin-top: 0.78em;  */
  }
  .main h1 {
    /*
   margin-top: 1em; 
   */
   padding-top: 0;
   margin-bottom: 0.3em;
  }
  
  
  /*}}}*/

  /*{{{ banner  */
/*   div#banner {
    float:left;
    height:325px;
    margin:0;
    overflow:hidden;
    width:960px;width:954px;
    position:relative;
  } */
  
  /*
  div#banner {
    width:100%;
    border: 1px solid red;
  }

  
  .slidejs-container, .slidesjs-control {
    border: 2px solid green;
	  z-index:10;
	  width: 100% !important;
	}
	#slides .slidesjs-slide {
	  width:auto !important;
	  left:auto !important;
	  min-width: 100%;
	  min-height: 100%;
	}
	
	div#banner .imagewrap  img {
	   width: 100%; 
	}
	*/
	#banner {
	   min-height: 344px;
	}
  div#banner .imagewrap {
    max-width: 1980px;
    margin: 0 auto;
   /*  position:absolute;
    top:0;
    z-index:10; */
  }    
/*   div#banner .overlaywrap {
    position:absolute;
    top:0;
    z-index:11;
  }  */
    
  /*
  div#banner .imagewrap a {
    outline:none;
    display:block;
    height:344px;
    width:954px;
  }  
  */
/*   div#banner .logowrap {
    position:absolute;
    top:0px;
    left:28px;
    z-index:12;
  } 
    
  div#banner .logowrap a {
    outline:none;
    display:block;
    height:40px;
    width:190px;
  }   */

  
  
  
  
  
  #slides {
      display: none;
       position: relative;
       z-index: 0; 
    
    }

    #slides .slidesjs-navigation {
      /*margin-top:3px;*/
      position: absolute;
      color: #fff;
      top: 40%;
      z-index: 1;
    }

      .slide-prev {
          position: absolute;
          left: 5%;
      }
      .slide-next {
          position: absolute;
          right: 5%;
      }
      
    .slides-navigation {
     /* z-index: 999;*/
      position: absolute;
     /* top: 23%; */
     margin-top: 12%;
      width: 100%;
    }
    
    .slide-prev,
    .slide-next {
      width: 63px;
      height: 101px;
      outline: 0;
    }
    
    .slide-prev {
      background: url(/template_images/gbc/layout/left-chevron.png) no-repeat 0 0;
    }
    .slide-next {
      background: url(/template_images/gbc/layout/right-chevron.png) no-repeat 0 0;
    }
    
    .slides-navigation  a {
      color: #fff;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
      display: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(/img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }
    
   
    
    
    
    

  
  div#image-details {
    position:absolute;
    top:318px;/* default */
    top:288px;
    z-index:90210;
    /* aaafilter:alpha(opacity=38); */
    width:960px;
    width:954px;
    /* background-color:#FFFFFF;
    background-color:#dbe6bc; */
    background: url('/template_images/gbc/layout/imagecaptionbg.png') no-repeat 0 0;
  }
  
  div#image-details div {
    padding:4px 8px;
    color:#3B4854;
    color:#5A6F20;
    
    /* filter:aaaalpha(opacity=100); */
    font-style:italic;
    font-size:14px;
    font-weight:normal;
    vertical-align:top;
  }
  
  iframe.uschedule {
    overflow:hidden;
  }
  
  /* cms fix to make the toolbar menus go over the banner overlay */
  .cmsdropdownbox {
    z-index:33;
  }



  /*}}}*/
  
  /*{{{ header links  */
/*  
	.header-login-form .pure-g > div {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
  */
  
	#headerlinks .header-container {
	  color: #fff;
	  width: 960px;
	  margin: 0 auto;
	  /*
	  display: flex;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	   */
	   overflow: hidden;
	  justify-content: space-between;
	 
	}
	#headerlinks .header-container .logo {
	   padding: 40px 20px 20px 10px; 
	   flex: 2 0 0;
	   -ms-flexbox: 2 0 0;
	   -webkit-flex: 2 0 0;
	   float: left;
	}
	#headerlinks .header-container .logo a {
	   display: block;
	   background:url('/template_images/gbc/layout/gbc_yourfirstchoice_long.png') no-repeat;
	   background:url('/template_images/gbc/layout/gbc_yourfirstchoice_long.svg') no-repeat;
	   display: block;
	   width: 376px;
	   height: 46px;
	}
	
	#headerlinks .header-container .links {
	   padding: 30px 20px 20px 20px; 
	   float: right;
	  
	}
  div#headerlinks {
    /*
    float:right;
    margin-right: -5px;
    height: 52px; 
    width:auto;
    font-size:11px;
    padding: 0;
    color:#fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    */
    background: -moz-linear-gradient(top,#637687, #435464);
    background-image: linear-gradient(-180deg, #637687 0%, #435464 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#637687', endColorstr='#435464');
  }
  #headerlinks  a {
    color:#fff;
  }
      /*
  .header-login-form {
    position: relative;
    height: 50px; 
  }

  #header-login {
    position: relative;
    height: 52px;
    display: block;
  }

  .pure-form.header-login-form {
    font-size: 15px!important;
  }
  .header-login-form .pure-u-1-3 {
    padding-right: 4px;
  }
  #header-login-forgot,
  #remember-label{
    font-size: 11px;
  }
  #header-login-register {
		position: absolute;
		left: -225px;
		top: 3px;
		width: 150px;
		color: #DBE6BC;
		font-size: 15px;
		text-align: center;
  }
  #header-login-register a {
  	color: #D6F57E;
  	text-decoration: underline;
  }
  #header-login-register a:hover {
  	color: #fff;
  }
  .header-login-signin {
    position: relative;
    width: 100%;
  }
  #headerlinks a#header-login-forgot {
    position:absolute;
    bottom: -16px;
    left: 0px;
    text-transform: none;
    color: rgba(255,255,255,.5); 
  }
  #headerlinks a#header-login-forgot:hover {
  	color: #fff;
  	text-decoration: none;
  }
  #header-login-username-container,
  #header-login-submit-container {
  	position: relative;
  }
  #j_username, #j_password {
  	margin-right: 5px;
  	margin-top: 1px;
  }
  #remember-label {
    position: absolute;
    padding:0;margin:0;
    bottom: -16px;
    left: 0px;
    width: 150px;
    color: rgba(255,255,255,.5); 
    line-height: 1em;
  }
  .header-login-form #remember-label input {
  	margin:0 4px 0 0;
  }
  */
  
  .error #j_username,
  .error #j_password {
   
    
    border: 1px solid #ff0033;

    
  }
  #j_username,
  #j_password {
    display: block;
    width: 178px;
    
    font-family: lato;
    font-size: 16px;
    color: #fff;
    line-height: 19px;

    background: rgba(255,255,255,0.30);

    border: 1px solid rgba(162,208,50,0.76);
    padding: 4px;
    
    box-shadow: none;
    box-sizing: content-box;
    
    
   
    
  }
  
  
  
  
  .login .login-fields ::-webkit-input-placeholder {
       color: #888;
    }
    
   .login .login-fields  :-moz-placeholder { /* Firefox 18- */
       color: #888;  
    }
    
  .login  .login-fields  ::-moz-placeholder {  /* Firefox 19+ */
       color: #888;  
    }
    
  .login  .login-fields  :-ms-input-placeholder {  
       color: #888;  
    }
    
    
  
   .login-fields ::-webkit-input-placeholder {
       color: #ffffff;
    }
    
    .login-fields  :-moz-placeholder { /* Firefox 18- */
       color: #ffffff;  
    }
    
    .login-fields  ::-moz-placeholder {  /* Firefox 19+ */
       color: #ffffff;  
    }
    
    .login-fields  :-ms-input-placeholder {  
       color: #ffffff;  
    }
    
    
    
  
  
  
  
  
  .header-login {
    float: right;
    margin-top: 10px; 
    flex: 1 0 0;
    -ms-flexbox: 1 0 0;
    -webkit-flex: 1 0 0;
  }
  
  #j_username {
     margin-bottom: 4px; 
  }
  
  .login .login-container {
    float: none; 
  }
  .login-container {
    overflow: hidden;
    /*width: 270px;*/
    clear: both;
    float: right;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    
  }
  .login-actions {
    font-size: 13px; 
    /*width: 90%;*/
    margin-top: 4px;
    clear: both;
    
   /* padding-left: 38px; */
  }
  .login-actions label {
    float: left; 
    margin: 0;
  }
  .login-actions a {
    float: right;
  }
  
  
  .login-fields,
  .login-button {
     float: left;
  }
  .login-button {
    margin-left: 4px; 
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
  }
  .login-button button {
/*
    flex: 1;
    -ms-flexbox: 1;
    -webkit-flex: 1;
    */
  }
  .topbutton {
    /* background-color:#FFCB05;
    font-size:11px;
    font-weight:bold;
    padding:2px 4px;
    vertical-align:top;
    white-space:nowrap; */
  }

  /*}}}*/

  /*{{{ common  */

  
  .clear {
    clear:both;
    font-size:0px;
    height: 2px;
  }
  
  input {
    color:#434343;
    font-size:100%;
  }
  input.submit  {
    background:none repeat scroll 0 0 #00407B;
    border:2px solid #6699CC;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
  }
  input.submitup {
    background:none repeat scroll 0 0 #1D5C94;
    border:2px solid #6699CC;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
  }



  
  /*}}}*/
  
  /*{{{ Main Navigation */
  
  .mainnav {
    /* background-color:#e9edef;
    color:#1a344e; */
    
    /* color:#43596e; */
    clear:both;
    /*margin:3px 0 0 0 !important;*/
    padding:0;
    white-space:nowrap;
    overflow: hidden;
    
    /*
    background-color: #f3f6e8;
    padding: 4px 0 4px 0;
    */
    
    font-family: Lato;
    font-size: 15px;
    color: #43596E;
    line-height: 18px;

    border-bottom: 2px solid #fff;
  }
  
  .mainnav ul {
    font-size:14px;
    /* list-style-type:none; */ 
    margin:0 auto;
    padding:0;
    list-style: none;
    width: 960px; 

    
  }
  
  
  .mainnav ul li {
     list-style: none;
     float:left;
     margin:0;
     padding:0;
     width:136px;
    /* fix moz/ie layout bug, aj */
    position: relative;
  }
  .mainnav ul li div {
    width:135px;
  }
  .mainnav ul li.last {
     width:138px;
  }  
  .mainnav ul li.last div {
    width:138px;
  }
  
  .mainnav a {
    display:block;
    /*
    background-color:#e9edef;
    background-color:#B9C8F3;
    background-color:#bccfe0;
    background-color:#DBE6BC;
    
    background:url('/template_images/gbc/layout/navbg2.jpg') #DBE6BC repeat-x 0 0;
    
    color:#1a344e;
    
    */
    background-color:#f3f6e8;
    color:#43596e;
    text-decoration:none;
    text-align:center;
    padding:.5em 8px;
    white-space:nowrap;
  }
  
   .mainnav ul li.currentsection a {
    background-color:#4e6377;
    background-color:#bccfe0;/* light blue */
    background-color:#f9f9ff;/* very light grey */
    background-color:#eef4dc;/* very light green */
    background-image:none;
  }
  
  .mainnav a:link {  }
  .mainnav a:visited {  }
  .mainnav a:hover { 
    /*
    background-color:#bccfe0; 
    background-color:#DBE6BC; 
    background-color:#bccfe0;
    aacolor:#fff;
    */
    color:#000;
    background-image:none;
  }
  .mainnav a:active { 
    /*
    background-color:#bccfe0;  
    background-color:#DBE6BC;
    background-color:#bccfe0;
    aacolor:#fff;
    */
    color:#000;
  }
  .mainnav a:focus { outline: none; }  
  

  
  /* old flash intro:
  a.navlink:link {
  color : #ffffff;
  text-decoration: none;
  letter-spacing:-.02em;
  padding-left:10px;
  padding-right:9px;
  }
a.navlink:visited{
  color : #ffffff;
  text-decoration: none;
  letter-spacing:-.02em;
  padding-left:10px;
  padding-right:9px;
  }
a.navlink:hover {
  color:#ffffff;
  background-color : #1D5C94;
  text-decoration : none;
  letter-spacing:-.02em;
  padding-left:10px;
  padding-right:9px;
  }
a.navlink:active {
  color:#ffffff;
  background-color : #1D5C94;
  text-decoration : none;
  letter-spacing:-.02em;
  padding-left:10px;
  padding-right:9px;
  }
  
   */
   
   
   
   /* not sure if still used: */
  ul.siteMapNav {
    list-style-type : square;
    list-style-color :#F9C90B;
    margin-top:6px;
    margin-left:20px;
  }
  ul.siteMapNav li {
    line-height:12px;
    margin-top:0px;
    margin-bottom:0px;
  }
  
  
  /*}}}*/
  
  /*{{{ commonpage side nav  */

    ul.sidenav {
      margin:0;
      padding:5px 18px 15px 28px;
      list-style-type:none;
      list-style-image:none;
    }

    ul.sidenav li {
      font-size:12px;
      padding:2px 0;
      list-style-type:none;
    }

    ul.sidenav li a,
    ul.sidenav li span {
      font-weight:bold;
      /*color:#00407B;*/
      color: #000;
    }
    
  /*}}}*/
  
  /*{{{ Breadcrumb */
  
   .breadcrumb-wrapper {
     clear:both;
    /* width: 307px;*/
    /* border-top:1px solid #FFF;*/
    }
   .breadcrumb-wrapper .breadcrumb {
     /* background-color:#e8e8e8;
     background-color:#3B4854; */
     padding:12px 1px 6px 12px;
     overflow: hidden;
     
    }  
   .breadcrumb .spacer {
      color:#e0e0e0;color:#000;
      padding:0 4px;
    }
   
   .breadcrumb ul {
      margin:0 0 0 1em;
      padding:0;
      float:left;
      font-size:11px;
    }
    
   .breadcrumb ul li {
      display: inline;
    }
    
   .breadcrumb ul li.currentpage {
      font-weight:bold;
    }
    
   .breadcrumb ul li a {
      color:#e0e0e0;color:#000;
    }  
    
  /*}}}*/
  
  /*{{{ all courses side nav */
 
  .courses-nav {
    /* margin:0 0 3em 0; */
    noborder-bottom:1px solid #fff;
  }
  .testimonial h1 {
    color: #5A6F20;
  }
  .testimonial {
    padding: 0 8px 3em 8px;  
  } 
  .courses-nav ul {
    font-size:12px;
    list-style-type:none;
    margin:.5em 1px .5em 1px;
    padding:0;
  }
  
  .courses-nav ul li {
    /* background-color:#6D757D; */
    /* background-color:#627586; */
    background-color: #bccfe0;
    
    
   /* margin:8px 0 0 0; */
    list-style-type:none;
    list-style-image:none;
    padding:0;
   
  }
  
  .courses-nav ul li ul {
    font-size:11px;
    margin:0;
  }
  
  .courses-nav ul li ul li {
      /*
    background-color:#e3e3e3;
    background-color: #d8e0f8;
    */
    background-color: #DBE6BC;
    margin:0;
    padding:0;
    
  }
  
  .courses-nav a {
    display:block;
    padding:6px 0 6px 12px;
  }
  
  .courses-nav ul li ul li a {
    display: inline-block; 
    width: 100%;
  }
  
  .courses-nav a {  border-top:1px solid #fff;
    border-bottom:1px solid #fff;}
  .courses-nav a:link {color:#fff;color:#000;}
  .courses-nav a:visited {color:#fff;color:#000;}
  
  .courses-nav a:hover {
    background-color:#3b4854;
    background-color: #70A4D2;
    text-decoration:none;
    
  }
  
  .courses-nav a:active {color:#fff;}
  
  .courses-nav ul li ul li a {color:#000; border:none;}
  .courses-nav ul li ul li a:link {color:#000;}
  .courses-nav ul li ul li a:visited {color:#000;}
  .courses-nav ul li ul li a:hover {
      
      /*background-color:#e3e3e3;*/
      background-color: #EEF4DC;
      color:#6d757d;text-decoration:none;
  }
  .courses-nav ul li ul li a:active {color:#000;}

  
  /*}}}*/

  /*{{{ course side nav  */
  div.coursesubnav {
    padding:5px 18px 15px 28px;
  }
  
  a.courselink:link {
  font-size:11px;
  color : #000000;
  text-decoration: none;
  }
  a.courselink:visited{
    font-size:11px;
    color : #000000;
    text-decoration: none;
    }
  a.courselink:hover {
    font-size:11px;
    color:#6D757D;
    text-decoration : none;
    }
  
  ul.sideMenu {
  padding: 5px 18px 15px 28px;
  margin: 0;
  }
  
  ul.sideMenu li {
  
  }
  
  .subnavlink a:link {
   color:#00407B;
   text-decoration: none;
  }
  
  .subnavlink a:visited {
   color:#00407B;
   text-decoration: none;
  }
  
  .subnavlink a:active {
   color:#5382AE;
   text-decoration: none;
  }
  
  .subnavlink a:hover {
   color:#5382AE;
   text-decoration: none;
  }
  
  .subnavlink {
   color:#00407B; 
   white-space:normal;
  }

  .subnav-scale {
    font-size:.8em;
    }
   
  .subnav-scale > .subnavlink{
    display:block; 
  }
  .subnav-scale .subnav-scale > .subnavlink{
    display:inline; 
   
  }
  
  .navitem {
    font-size: 12pt;
    line-height: 12pt;
    margin-bottom: .7em;
    }

  
  /*}}}*/
  
  /*{{{ footer */
  .footerlinks a {
    height: 40px;
    display: block;
    float: left;
    margin-right: 20px;
  }
  #footer .facebook {
    background: url('/template_images/gbc/layout/social/Facebook_light.png') no-repeat;
    width: 41px;
    background-image: url('/template_images/gbc/layout/social/Facebook_light.svg'), none;
  }
  #footer .twitter {
    width: 49px;
     background: url('/template_images/gbc/layout/social/Twitter_logo_white.png') no-repeat;
      background: url('/template_images/gbc/layout/social/Twitter_logo_white.svg') no-repeat;
  }
  #footer .youtube {
    width: 48px;
    background: url('/template_images/gbc/layout/social/YouTube_light_color_icon.png') no-repeat;
    background: url('/template_images/gbc/layout/social/YouTube_light_color_icon.svg') no-repeat;
  }
  #footer .gplus {
    width: 40px;
    background: url('/template_images/gbc/layout/social/g+icon_white.png') no-repeat;
    background: url('/template_images/gbc/layout/social/g+icon_white.svg') no-repeat;
  }
  
  #footer {
     padding: 40px;
     background: #627586;
     border: 2px solid #FFFFFF;
     overflow: hidden;
  }
 .footer-wrapper {
    width: 954px;
    margin: 0 auto;
    
    color:#ffffff;
    
  }
  .footer-wrapper a {
    color: #fff; 
  }
 
 .footer-left,
 .footer-middle,
 .footer-main {
    float:left;
    width: 30%;
    font-size: 1em;

  }  
  
  .footer-main {
   /* float: right; 
   */
       margin-left: 88px;
  }
  
  
  /*}}}*/
  
  /*{{{ gametracker */
  div.addroundstep {
    /* background-color:#E3E3E3; */
    background-color: #E4EEC9;
    border:1px solid #FFFFFF;
    padding:1em;
    margin:0 0 2em 0;
  }
  div.addroundstep.inactive {
    /* border:1px solid #AAA; */
      border: 1px solid #FFFFFF;
  }     
  div.addroundstep h2 {
    margin-bottom:.75em;
  }  
  div.addroundstep.inactive h2 {
    color:#AAA;
  }   
  div.addroundstep h2 span {
    /* font-size:150%; */
  }
  
  select.GTdropdown {
    margin:.25em 0 0 0;
    width:444px;
    /* font-size:120%; */
  }
  
  select.gtdatedropdown {
    margin:0 .25em 0 0;
    width:55px;
    /* font-size:112%; */
  }
  select.gtdatedropdown.year {
    width:75px;
  }  
  
  table.scorecard {
    padding: 0;
    margin:.25em 0 1.25em 0;
    font: 12px;
    border-collapse: collapse;
  }
  
  table.scorecard td {
    text-align: center;
    /* background: #E2E3E3; */
    background-color: #E4EEC9;
    
    padding: 0;
    margin: 0;
    color:#434343;
    font: bold 14px;
    border: 1px solid #394952;
    width: 30px;
    height: 30px;
  }
  
    
table.scorecard td input{      
  background: #ffffff;
  color: #00417B;
  font: bold 14px;
  border: 1px solid #FFFFFF;
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0 0 0;
}

  /*}}}*/

  /*{{{ related links  */

    ul.hole-relatedlinks {
      margin:0;
    }

    ul.hole-relatedlinks li {
      padding:2px 0;
      list-style:none;
    }
 
  /*}}}*/
  
  
/*    html {
	min-height: 100%;
 	height: auto;
 } */

/*  body {
	background:url('/staging/SYSTEM/template_images/gbc/layout/greenbg.jpg') repeat-x bottom left;
 } */
 
 
 /*{{{ Courses */
   
   .holeNumber {
    font-size:22px;
    font-weight:bold;
    color:#5382AE;
    }
  a.holeNumber:link {
    font-size:14px;
    font-weight:bold;
    color:#00407B;
    text-decoration: none;
    }
  a.holeNumber:visited{
    font-size:14px;
    font-weight:bold;
    color:#00407B;
    text-decoration: none;
    }
  a.holeNumber:hover {
    font-size:14px;
    font-weight:bold;
    color:#5382AE;
    text-decoration : none;
    }
  a.holeNumber:active {
    font-size:14px;
    font-weight:bold;
    color:#5382AE;
    text-decoration : none;
    }
    
  
    
 /*}}}*/

 
 
 /*{{{ Image Gallery */
 
  .slide {
     position : absolute;
     visibility : hidden;
     top : 50px;
     left : 10px;
  }


 /*}}}*/

 
 
 /* menu */
 
 .fl-vancouver_island {
       width: 116px !important;
 }
 .fl-okanagan {
    width: 144px !important;   
 }
 .fl-maui {
    width: 96px !important;   
 }
 #flyout-menu {
    background: url(/template_images/gbc/layout/flyout-bg.png) repeat 0 0;
    position: absolute; 
    width: 498px !important;
    /*background-color: #EEF4DC;*/
    padding: 8px;
    border-bottom: 2px solid #fff; 
    /* fix moz/ie layout bug, aj */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 525px !important;
    top: -114px; 
    height: 114px;  
    z-index: 1000;
 }
 #flyout-menu ul li a {
    text-align:left !important; 
    font-size: 12px;
 }
 #flyout-menu ul li a {
    background: none !important; 
  /*  background-color: #EEF4DC !important; */
    padding: 5px 0 !important;
    color: #1A347C;
 }
 
 #flyout-menu ul li {
    float: left !important; 
 }
 #flyout-menu ul li a {
    font-weight: bold; 
    
 }
 #flyout-menu ul li ul li a {
    font-weight: normal;
    
 }

 /* additional layout */
 div.three-column {
    float:left;
    width: 600px;
 }
 .rightlane {
   float: right;
   width: 307px;
  /* font-size: 12px;
   background-color: #eff4dc;*/
 }
 .rightlane-inner h1 { 
 	 	color: #5a6f20;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 8px;
 }
 /*
 .rightlane-inner {
     padding: 0 8px 0 8px;
     
 }
 */
 
 
 .signup {
    margin-top: 8px;   
 }
 .signup .email-address {
    width: 100px;   
    margin-right: 4px;
 }
 .right-lane .pure-button:first-child {
 	 background: yellow!important;
 } 

 .main-content {
    padding: 22px;  /* was 12 */  
    font-size: 12px;
 }
 .homepage .one-column {
    float: left;
    width: 640px;
 }
 .social-widget {
   padding: 0 12px;
 }
 .social-widget .title {
  margin-bottom: 4px;   
 }
 
 
 .book-now-button {
    background:none repeat scroll 0 0 #00407B;
    border:2px solid #6699CC;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    width: 125px;
    text-align: center; 
    padding: 2px 8px 2px 8px;
    margin-top: 6px;
    margin: 12px auto;
 }
 .book-now-button  a:hover {
  text-decoration: none;   
 }
 .book-now-button  a {
    color: #fff;   
 }
 #banner {
   z-index: -1;
    position: relative;   
    box-shadow:0px 26px 60px 0px rgba(0,57,0,0.20);
 }
 
 /*
 .book-tr {
    position: absolute;     
    right: 0;
    font-size: 12px;
    background: url(/template_images/gbc/layout/flyout-bg.png) repeat 0 0;
    width: 130px;
    margin: 12px 0 12px 0;
    z-index: 996;
    padding: 12px 0 12px 0;
    -webkit-border-top-left-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
 } 
 .book-now-inner {
    height: auto;
    padding: 8px;
    background: url(/template_images/arrowwhite.gif) no-repeat 8px 50% !important;
    padding-left: 24px;
 }

 .book-now-inner a {
    color: #5A6F20;
    font-weight: bold; 
 }
 */
 .book-tr {
		border: 3px solid #FFF;
		position: absolute;
		right: -15px;
		font-size: 15px;
		background: #F00;
		margin: 12px 0 12px 0;
		z-index: 996;
		padding: 12px 0 12px 0;;
		-webkit-box-shadow: -1px 5px 5px 0px rgba(0, 0, 0, 0.35);
		-moz-box-shadow: -1px 5px 5px 0px rgba(0, 0, 0, 0.35);
		box-shadow: -1px 5px 5px 0px rgba(0, 0, 0, 0.35);
 }

 .book-now-inner {
    text-align: center;
 }

 .book-now-inner a {
		margin: 0 0 8px 0;
		padding: 0 15px;
		font-size: 18px;
		font-weight: bold;
		color: #fff;
 }
 
 .inner .main-content h1 {
    color: #5A6F20;   
 }
 

 
 .enews {
    background: none !important; 
    background-color: #fff !important;
 }
 
 .pageMetaInfo table th, 
 .pageMetaInfo table td {
    background-color: #fff; 
 }
 
 #BasicEventRFP {
    font-size: 12px !important; 
 }
 #BasicEventRFP select {
    font-size: 11px; 
 }
 
 .academy ul li a {
    font-weight: normal !important; 
 }
 
 h2.offer {
    font-size:  22px !important;
    font-weight: normal !important;
    white-space: normal !important;
    line-height: 28px;
    margin-bottom: 10px;
 }
 .specialofferpopup h1 {
    font-size: 25px !important; 
 }
 .specialofferpopup .subheader {
   line-height: 28px;
   margin-bottom: 10px;
 }
 
 #Country {
   background-color:#F8F8F8;
  font-size:11px;
  width:222px;
}
.book-left {
  padding: 8px; 
}

.facebook-box {background:#fff;}
.rightlane-inner > h1 {
  margin-top: 16px; 
}

/*
.twitter-tout{background: rgba(255,255,255,.5); padding: 2px 6px; margin-bottom: 20px;}
*/

.leftrail .twitter-tout { margin-left: 6px; margin-right: 6px;}

.twitter-warning{margin:5px;padding:5px;background:#e5eccb}

/*
.breadcrumb {
  float: left;
}
*/
/*
.breadcrumb-wrapper .share {
  float: right;
  margin-left: 10px;
  margin-top: 10px; 
  width: 150px;
}
*/

/* OpenTable Widget */

.res {
  padding: 15px 20px;
  font-size:  12px;
  margin: 10px;
  margin-bottom: 24px;
  color: #717073;
  background: #f4f8e9;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border: 1px solid #FFF;
}

.res h2 {
  font-size: 18px;
  color: #760d14;
  margin-bottom: 15px;
}

.res .date {
 display: inline-block !important; 
}  

.res-field {
  margin-bottom: 5px;
}

.res-field label {
  font-weight: bold;
  display: inline-block;
  width: 70px;
}

.res input[type="text"] {
  border: 1px solid #cccc97;
  padding: 2px 5px;
  line-height: 20px;
  font-size: 12px;
  width: 100px;
  height: 20px;
}  

.res select {
  border: 1px solid #cccc97;
  height: 20px;
  font-size: 12px;
}  

.res-field .input-append {
  margin-left: -3px;
}  


.res-field .input-append .add-on {
  background: #d8d8b0; 
  border-color: #cccc97;
  border-radius: 0 3px 3px 0;
}  

.res-field .input-append input {
  width: 74px;
}  

.res-submit span {
  text-align: center;
  text-transform: uppercase;
  font-size: 9px;
  display: block;
  margin-top: 8px;
}  

.res-submit .submit {
  padding: 10px 10px;
  cursor: pointer;
  width: 100%;
  margin-top: 10px;
  background: #760d14;
  border: 0px;
  font-size: 16px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.res-submit .submit:hover {
  background: #b31f25;
}

.login .error,
.golfbc.error {
  font-size: 1.3em;
  color: #FF0000;
}

/*
 #slides {
      display: none
    }

  
    .slidesjs-pagination {
      display: none;
      z-index: 100000;g
      position: absolute;
      list-style: none;
      right: 14px;
      margin-top: -30px;
    }
    
    .slidesjs-pagination .slidesjs-pagination-item {
      float: left; 
    
      
    }
    .slidesjs-pagination .slidesjs-pagination-item  a.active {
      background: url(/template_resources/css/crystal-lodge/images/orbit/bullets-white.png) no-repeat -12px 0px;
    }
    .slidesjs-pagination .slidesjs-pagination-item  a {
      text-decoration: none;
      text-indent: -9999px;
      display: inline-block;
       background: url(/template_resources/css/crystal-lodge/images/orbit/bullets-white.png) no-repeat 0px 0px;
      height: 13px;
      width: 12px;
      display: inline-block;
      outline: none;
    }
*/
    
    
    
    /***********  FONT RESIZE  ************/
    
    table.content {
      margin-bottom: 15px;
      }
    
    .text, 
    table.content td,
    .breadcrumb ul,
    .main,
    .courses-nav ul,
    .homebox h1, 
    h3,
    ul,
    ol,
    table,
    div#headerlinks,
    .rightlane,
    .mainnav ul,
    td.content div.text, 
    td.content span.text,
    ul.sidenav li,
    button.submit,
    button.reset,
    div.leftrail td,
    .newstitle {    
      /*
      font-size: 15px!important; 
      letter-spacing: normal;
      */
      
      font-family: lato;
font-size: 16px !important;
color: #2E0D02;
line-height: 24px;


    }
    
    table.scorecard,
    .game-tracker-content table,
    .game-tracker-content table.content td {
      font-size: 12px !important;
      font-family: Arial, Helvetica, sans-serif !important;
    }
    
    
    
    .subnav-scale { font-size: 15px; }
    .subnav-scale .subnav-scale { font-size: 14px; }
    .subnav-scale > .subnavlink { margin-bottom: 5px; }
    
    #EventForm ol li { font-size: 15px!important }
    
    ul.sidenav { padding-left: 0px; }  
    
    /*
    .main ul.disc li,
    .leftrail ul.disc li { margin-bottom: 10px; }
    */
    
    .subheader, .subheader p, .subheader div {
     font-size: 19px!important;  
     line-height: 26px !important;
     margin-bottom: 10px;
    }
    
    #flyout-menu {
      width: 590px!important;
      top: -155px;
      height: 155px;   
      background-image: none;
      background-color:#EEF4DC;
      background-color:rgba(238, 244, 220, 0.93);
    }
    
    /*
    #flyout-menu ul li { width: 158px; }
    .fl-vancouver_to_whistler { padding-left: 5px !important; } 
    .fl-vancouver_island { width: 132px !important; }
    .fl-okanagan { width: 163px !important; } 
    
    #flyout-menu ul li a {
      font-size: 15px;
    }
    .courses-nav ul li ul { 
      font-size: 15px;
    }
    */
    
    .footerlinks {
      font-size: 12px;
    }
    .footer-wrapper .disclaimer {
      color: #fff;
      font-size: 11px;
      clear: both;
      padding-top: 15px;
    }
    
    .separator { font-size: 16px !important; } 
    
    .leftrail ul.disc { margin-left: 10px; }
    
    .pure-form label { font-size: 100%; }
    
    html, button, input, select, textarea,
      .pure-g [class *= "pure-u"],
      .pure-g-r [class *= "pure-u"] {
          /* Set your content font stack here: */
          font-family: 'Lato', Arial, Helvetica, sans-serif;
    }
    
    .blog {
             padding-bottom: 10px;
             clear: both;
    }
    article.blog img {
      padding: 10px;
    }
    .blog h2 {
      white-space: normal; 
      margin-top: 0;
      line-height: 28px !important;
    }
    .blog small,
    .blog .source {
       clear: both;
       display: block;
       font-style: italic; 
       padding-left: 20px;
       font-size: 14px;

    }
    
    .blog.full small,
    .blog.full .source {
      display: inline !important;
      padding-left: 0 !important; 
    }
    
    
    .blog iframe {
      padding: 20px 0 20px 0;
    }
    
    /* Pagination ---------------------- */
ul.pagination {
  display: block;
  margin-top: 20px;
  height: 24px;
  margin-left: -5px;
  padding-left: 0;
}
ul.pagination li {
  float: left;
  display: block;
  height: 24px;
  color: #999;
  font-size: 14px;
  margin-left: 5px;
}
ul.pagination li a {
  display: block;
  padding: 1px 7px 1px;
  color: #555;
}
ul.pagination li:hover a, ul.pagination li a:focus {
  background: gainsboro;
}
ul.pagination li.unavailable a {
  cursor: default;
  color: #999;
}
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
  background: transparent;
}
ul.pagination li.current a {
  background: #003366;
  color: whitesmoke;
  font-weight: bold;
  cursor: default;
}
ul.pagination li.current a:hover {
  background: #00407b;
}

.text img {
  padding-top: 6px; 
}

.course-block {
  
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  z-index: 200;
  background-color: #eff4dc;
  margin-top: -80px;
  border-bottom: 1px solid #fff;
}
.course-block ul { list-style: none;

}

.course-block ul li ul.first {
 border-left: 1px solid #fff; 
}
.course-block ul li ul.last {
   border-right: 1px solid #fff; 
}

.course-block ul li ul {
  margin: 0;
  padding: 8px 0 10px 0;
  
}
.course-block ul li ul li {
  background-color: #eff4dc; 
  padding: 0px 10px 0 10px;
  font-size: 90%;
  
}
.course-block ul li ul li a {
  color: #000; 
}
.course-block > ul {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
margin: 0;
padding: 0;

}
.course-block .heading {
  background-color: #a3d033; 
  display: block;
  padding: 10px;
  color: #ffffff;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.25);
  font-size: 20px;
  line-height: 24px;
}
  
.course-block > ul > li {
  background-color: #eff4dc;
  color: #000;
  flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  float: left;
  width: 25%;
  
  font-size: 16px;
  color: #000000;
  line-height: 19px;
}

.more-info {
 margin-top: 10px;
}

.more-info table td {
  border: 0;
  padding: 8px;
  background-color: #eff4dc;
}
.more-info table td input[type=text],
.more-info table td textarea,
.more-info table td select {
  width: 100%; 
}
.calltoactions a.primary {
  background: rgba(162,208,50,0.80);
  font-family: latobold;
  text-transform: none;
  border: 0;
  border-radius: 0;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 29px;
  text-shadow: 0px 2px 4px rgba(0,0,0,0.50);
  padding: 24px 0 24px 0;
}
.calltoactions a.primary-course {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  
  font-family: latobold;
  text-transform: none;
  border: 0;
  border-radius: 0;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 29px;
  text-shadow: 0px 2px 4px rgba(0,0,0,0.50);
  padding: 24px 0 24px 0;
}
.calltoactions a.secondary {
  background: rgba(211,235,168,0.80);
  border: 1px solid #A3D033;
  font-family: lato;
  font-size: 16px;
  color: #43596E !important;
  line-height: 19px;
   border: 0;
  border-radius: 0;
   padding: 14px 0 14px 0;
   text-transform: none;
}
.leftrail .share {
  padding: 20px;
}
.leftrail .twitter-tout {
  padding: 0 16px 20px 16px;
}
.callout-image {
   padding: 14px 0 14px 0;

}
.callout-image img {
  max-height: 112px;
}
/*
.rightlane-inner .youtube-video {
  margin-top: 60px; 
}
*/
.homepage .rightlane {
   background-color: #eff4dc;
    margin-top: 60px;
}
.homepage #articles #box > div {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  
}
#boxWrapper .mainthoroughfare {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;      /* TWEENER - IE 10 */
}
ul {
 margin-top: 0 !important; 
padding-top: 0 !important; 
}

#regform SELECT {
  width:180px;
}

#regform .widetext {
  width: 377px;
}

#regform-navigation LI:hover {text-decoration: underline; }

.login-page {

  border: 0 !important;

}
.login-page .main {
  padding: 0; 
}

.fold .feature:last-child {
  padding-right: 0; 
}
.fold .feature {
  cursor: pointer; 
  padding: 4px;
 
}
.login .heading {
  padding-top: 10px;
  margin-bottom: 100px; 
}
.login .heading h1 {
  font-size: 1.6em;
  line-height: 1.4em;
  margin: 0 0 0.83em 0;

}


.login .pure-g.fold h2 {
  margin-top: 0;
}
.login .register-simple h2,
.login .heading h2 {
  font-size: 1.4em;
  line-height: 1.4em;
}

.login .register-simple .register-login-form h2 {
  background-color: #a3d033;
  border: 1px solid #fff;
  color: #fff;
  font-size: 1.6em;
  margin-top: 0;
  padding: 10px 20px;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
}

.fold .submit-container {
  overflow: hidden;
}
.fold .next-tab,
.fold input[type=submit] {
   float: right;
   font-size: 1.3em !important; 
   padding: 20px 1.5em !important;
}
.fold {
  padding-top: 40px; 
  clear: both;
}

.registration-panel input[type=text],
.registration-panel input[type=password],
.registration-panel select
 {
  width: 190px!important; 
}
 
.fold .feature i.ind {
  border: 3px solid #fff;
    border-radius: 50%;
    display: block;
    font-style: normal;
    height: 34px;
    line-height: 1.6em;
    padding: 6px;
    text-align: center;
    width: 34px;
    margin: 0 auto;
    background: #dbe5be;
    margin-top: -36px;
    color: #fff;
    font-size: 1.3em;
    font-family: "Lato",Arial,Helvetica,sans-serif;
    font-weight: bold;
}
.fold .callout.container {
  padding: 8px; 
}

.fold.submit-container {
  padding-bottom: 40px; 
}
.collapsed .pure-u-1 fieldset.tile-2,
.collapsed .pure-u-1 fieldset.tile-3
{
  display: none; 
}
.callout-footer {
  text-align: center; 
}
.arrow-down {
  width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #dbe5be;
	font-size: 0;
	overflow: hidden;
	display: none;
	margin: 0 auto;
}
.register-login-form {
  margin-top: 10px;
  width: 337px;
  position: absolute;
  margin-left: 442px;
  padding-left: 14px;
  border-left: 1px solid #ddd;
  height: 337px;
}
.register-login-form .header-login-form {
  padding:13px 51px 13px 13px;
}

.login #bannerimage {
 /* opacity: 0.3; */
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

}
.login div#banner .imagewrap {
  /*min-width: 1400px; */
  overflow: hidden;
 

}
.register-simple .tile-1 .pure-control-group { float: right; }
.register-simple .tile-1,
.register-simple .tile-2,
.register-simple .tile-3 {
  padding-top: 30px;
}

.fold .tile-3 select,
.login .fold select.widetext {
  width: 300px !important;  
}
.login .fold select,
.login select[name=cmfeNews] {
  width: 183px 
}
/*
.pure-g.heading ul.disc {
  margin-left: 0;
  padding-left: 0;
  list-style: square;
}
*/
.login-error {
  color: #ff0000; 
}

.highlight .container,
.highlight i.ind {
  background-color: #CDE588 !important; 
}

.highlight .container,
.arrow_box {
	position: relative;
	background: #dbe5be;
	border: 2px solid #fff;
}

.highlight .container:after,
.highlight .container:before,
.arrow_box:after, 
.arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.login #cmfCountry {
  width: 180px; 
}

.active .arrow_box:after  {
   border-top-color: #A3D033 !important;
}

.highlight .container:after {
  border-top-color: #CDE588 !important;
}
.highlight .container:after,
.arrow_box:after {
	border-color: rgba(219, 229, 190, 0);
	border-top-color: #dbe5be;
	border-width: 12px;
	margin-left: -12px;
}

.highlight .container:before,
.arrow_box:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 15px;
	margin-left: -15px;
}
.login .col1 {
  float: left;
  width: 410px;
}
.login .col2 {
  float: left;
  width: 230px;
}
.login .col3 {
  float: left;
  width: 200px;
}

.register-login-form {
  margin-top: 60px; 
}
.login .col2{
  margin-top: 50px; 
}

.register-simple {
  width: 960px;
  position: relative;
  margin: 0 auto;  
}
/*
.login #banner-container {
  position: absolute;
  width: 100%;
  max-height: 432px;
}
*/
.benefits .benefits-container {
  padding: 0 8px 8px 8px; 
}
.benefits h2 {
   font-size: 1.3em;
} 

.login .heading ul,
.login .fold ul {
  padding: 0;
  margin: 0;
  list-style: square;
  padding-left: 20px;
}
.login .login-actions {
  padding-top: 4px;
  margin-left: 4px; 
}
.col2 .inner {
  padding: 0 16px 0 0px;
}

.fold .blurb {
  padding-top: 60px;
  padding-bottom: 25px;
}
.login .l-box {
  padding: 10px; 
}
.login .registration-panel {
  border: 1px solid #fff;  
  /*padding: 20px 20px 8px;*/
  background-color: #eff4dc;
}

.login .gbc-update-profile .l-box {
  padding: 20px 40px; 
}

.login .error {
  padding: 0 20px 0 20px;
}
.login .error p {
  margin: 0 !important;
  padding: 0 !Important;
}


.login .registration-panel  h1 {
  padding: 10px 20px 10px 20px;
  color: #fff;
  background-color: #a3d033;
  border-bottom: 1px solid #fff;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.25);
}

.login .registration-panel p {
  padding-right: 20px; 
  margin: 0 10px 10px 0;
}
.login .heading .col1 {
  margin-top: 50px;
  margin-right: 20px;
  width:425px;
}
.login #j_username,
.login #j_password {
 color: #000; 
}
.registration-panel .l-box p {
  text-align: right;
}
.fold .tile-3 label {
  width: 20em; 
}

.gbc-update-profile .fold .tile-3 label {
  width: 17em; 
}

.fold .tile-3 .pure-control-group,
.fold .tile-2 .pure-control-group {
  text-align: right;
}
.fold .tile-col .pure-u-1-3 {
  float: left; 
}
.fold .pure-u-1-3:last-child {
  margin-right: 0 !important; 
}

.login .pure-form-aligned fieldset.tile-1 .pure-control-group label {
  width: 8em !important; 
}

.login .pure-form-aligned.gbc-update-profile fieldset.tile-1 .pure-control-group label {
  width: 100px !important;
  white-space: nowrap;
}

.reset-password label {
   width: 12em;
}
.reset-password .pure-form-controls {
  float: right; 
}
.reset-password .pure-button {
  margin-top: 8px;
  margin-right: 0; 
}
.reset-password #usersearch {
  width:300px; 
}
.submit-container label,
.submit-container .next-tab {
  float: right; 
}
.submit-container .next-tab  {
  border-radius: 0;
  font-size: 15px;
  padding: 22px !important;
  
  
}
.submit-container label {
  padding-top: 20px; 
  margin: 0 20px 0 20px;
}
.login .hidden { display: none;  }

.register-container-simple {
  margin-top: -450px;
  overflow: hidden;
  z-index: 200;
  
}
.login #banner-container {
  min-width: 1200px; 
}
.login .registration-controls {
  margin-top: 20px; 
}
.login .registration-controls input {
  padding: 20px 40px 20px 40px;
  width: 200px;
  float: left;
  margin-left: 30px;
  font-size: 1.3em !important;
}
.login .registration-controls label {
  display: block;
  float: right;
  width: 150px;
}

/*{{{ Gametracker V2 */

.gametracker .main {
  width:954px; 
}

.gametracker .centerlane .main {
  width:594px; 
}

.new-gametracker-ui {
  padding: 0 1em 2em 1em;
}

.new-gametracker-ui.fold {
  padding-top: 2em;
  padding-bottom:  4em;
}

.new-gametracker-ui .container {
  height: 129px; 
  width:80% !important;
  /* height: 145px; */
}

.new-gametracker-ui.fold .callout .container h2 {
  font-size:1.8em;
}

.new-gametracker-ui.tile {
  padding-left: 2em;
}

.new-gametracker-ui #tile-1 .container:before,
.new-gametracker-ui #tile-1 .container:after {
  display:none;
}

.new-gametracker-ui.fold #tile-1.feature i.ind {
  margin-top:34px;
  padding:0;
  height:78px;
  width:78px;
  line-height:78px;
}

.new-gametracker-ui.fold #tile-2.feature i.ind,
.new-gametracker-ui.fold #tile-3.feature i.ind {
  color: #2E0D02;
  border: none;
  margin-top:-25px;
}

.new-gametracker-ui.tile-2,
.new-gametracker-ui.tile-3
{
  display: none; 
}

table.gametracker {
  text-align:left;
  table-layout: fixed;
  width:100%;
} 
table.gametracker tr.row:nth-child(odd) {
  background-color: #EDF0DE;
} 
table.gametracker td {
  padding:1em;
  background-color: inherit;
}

table.gametracker .round-date {
  width:20%;
}
table.gametracker .round-course {
  width:60%;
}
table.gametracker .round-score {
  width:14%;
  padding-right:0;
}
table.gametracker .h-score {
  background-color: #A3D033;
}

table.gametracker .team-name {
  width:66%;
}

table.gametracker .delete {
  width:6%;
  font-weight: bolder;
  padding:1em 0;
  text-align: center;
}

table.gametracker .h-score a {
  color: white;
}
table.gametracker .delete a {
  color: red;
}

.new-gametracker-ui .button-col div {
  margin:0 0 1em 0;
}

.new-gametracker-ui .button-col .pure-button-secondary {
  width: 56%;
}

.gametracker .print-heading-col {
  display: none;
  font-weight: bold;
  margin:0 0 1em 0;
}

#tile-help-open {
  display:block;
  width:70px;
  margin:0 auto;
}

.gametracker .paging-rounds {
  width: 31%;
  float: right;
}

.game-tracker-content table.quicklinks td{
  /* font-size:16px !important; */
  padding: .8em;
}

/*}}}*/

/*{{{ Print CSS - Made for Gametracker improvements */

@media print {
    /* print styles go here */
    body {
        font-size: 28px;
        background: white;
    }
    
    * {
      /* page-break-before: avoid !important; */
      color: black !important;
    }
    
    div#main-content {
      border:none;
      box-shadow:none;
    }
    
    /* .gametracker #headerlinks, */
    
    .gametracker .links,
    .gametracker #banner-container,
    .gametracker .mainnav,
    .gametracker .breadcrumb-wrapper,
    .gametracker .calltoactions-container,
    .gametracker .text,
    .gametracker .new-gametracker-ui #tile-2,
    .gametracker .new-gametracker-ui #tile-3,
    .gametracker .new-gametracker-ui.tile-1,
    .gametracker .new-gametracker-ui.tile-3,
    .gametracker .button-col,
    .gametracker .pure-button-secondary,
    .gametracker .disclaimer,
    .gametracker .course-block,
    .gametracker .paging-rounds,
    .gametracker .unstyled,
    .gametracker td.delete,
    .gametracker #footer {
      display:none !important;
    }
    
    div#headerlinks {
      display:block;
      /* background-color: #435464 !important; */
      content:linear-gradient(-180deg, #637687 0%, #435464 100%);
      height:100px;
    }
    
    div.main::before{
      display: block;
      width: 46px;
      position: relative;
      top: -64px;
      left: 0;
      content: url(/template_images/gbc/layout/gbc_yourfirstchoice_long.svg);
      margin-bottom: -40px;
    }
    
    div.logo a {
      background:none !important;
      content:url('/template_images/gbc/layout/gbc_yourfirstchoice_long.svg');
    }
    
    .gametracker .new-gametracker-ui.tile-2,
    .gametracker .game-tracker-content,
    .gametracker .print-heading-col {
      display:block !important; 
      padding:0;
      /* page-break-inside: avoid; */
    }
    
    .new-gametracker-ui.fold {
      padding:0;
    }
    
    .new-gametracker-ui .container {
      height: auto !important;
    }
    
    .gametracker .fold .active.feature i.ind, 
    .gametracker .fold .callout.active .container{
      background-color: white !important;
      border: none !important;
      padding:0;
      margin:0;
    }
    
    .new-gametracker-ui.fold .callout .container h2, 
    .new-gametracker-ui.fold #tile-1.feature i.ind {
      font-size:1.5em;
      display:block;
      float:left;
      margin:0;
      line-height: 1.5em;
      height:auto;
      background: none;
      border: none;
    }
    
    table.gametracker {
      page-break-before: avoid;
      page-break-inside: auto;
    }
    
}

/*}}}*/


