.subnav {
}

.subnav ul {
	padding: 0;
	margin: 50px 0 0 0;
	overflow: hidden;
}

.subnav li {
	list-style-type: none;
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
}

.subnav-item-disabled {
  opacity: .3;
}

.subnav li a {
  text-decoration: none;
	display: block;
  cursor: pointer;
	padding: 10px 0;
	background-color: #d8d8d8;
	text-align: center;
	color: #666;
	font-weight: bold;
	font-size: 13px;
	border-right: 1px solid #ababab;
  background: #e5e5e5;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWNlY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #e5e5e5 0%, #cecece 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#cecece));
  background: -webkit-linear-gradient(top,  #e5e5e5 0%,#cecece 100%);
  background: -o-linear-gradient(top,  #e5e5e5 0%,#cecece 100%);
  background: -ms-linear-gradient(top,  #e5e5e5 0%,#cecece 100%);
  background: linear-gradient(to bottom,  #e5e5e5 0%,#cecece 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#cecece',GradientType=0 );
}

.subnav li a:hover {
	color: #fff;
  border-right-color: #0f87da;
  background: #0f87da;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBmODdkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjZkYzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #0f87da 0%, #0b6dc1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f87da), color-stop(100%,#0b6dc1));
  background: -webkit-linear-gradient(top,  #0f87da 0%,#0b6dc1 100%);
  background: -o-linear-gradient(top,  #0f87da 0%,#0b6dc1 100%);
  background: -ms-linear-gradient(top,  #0f87da 0%,#0b6dc1 100%);
  background: linear-gradient(to bottom,  #0f87da 0%,#0b6dc1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f87da', endColorstr='#0b6dc1',GradientType=0 );
}

.subnav .active a,
.subnav .active a:hover,
.subnav .active a:active,
.subnav a:active {
  color: #fff;
  text-decoration: none;
  box-shadow:         5px 5px 6px rgba(0,0,0,.30) inset;
  -webkit-box-shadow: 5px 5px 6px rgba(0,0,0,.30) inset;
  -moz-box-shadow:    5px 5px 6px rgba(0,0,0,.30) inset;
  background: #0b6dc0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiNmRjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjg2ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #0b6dc0 0%, #0f86d9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b6dc0), color-stop(100%,#0f86d9));
  background: -webkit-linear-gradient(top,  #0b6dc0 0%,#0f86d9 100%);
  background: -o-linear-gradient(top,  #0b6dc0 0%,#0f86d9 100%);
  background: -ms-linear-gradient(top,  #0b6dc0 0%,#0f86d9 100%);
  background: linear-gradient(to bottom,  #0b6dc0 0%,#0f86d9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b6dc0', endColorstr='#0f86d9',GradientType=0 );
}

.subnav li:last-child a{
	border: none;
  border-radius:         0 4px 4px 0;
  -moz-border-radius:    0 4px 4px 0;
  -khtml-border-radius:  0 4px 4px 0;
}

.subnav li:first-child a {
  border-radius:         4px 0 0 4px;
  -moz-border-radius:    4px 0 0 4px;
  -khtml-border-radius:  4px 0 0 4px;
}


.subnav li .subnav-item-disabled:hover,
.subnav li .subnav-item-disabled:active {
  cursor: no-drop;
  box-shadow: none;
  text-decoration: none;
  display: block;
  cursor: pointer;
  padding: 10px 0;
  background-color: #d8d8d8;
  text-align: center;
  color: #666;
  font-weight: bold;
  font-size: 13px;
  border-right: 1px solid #ababab;
  background: #e5e5e5;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWNlY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #e5e5e5 0%, #cecece 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#cecece));
  background: -webkit-linear-gradient(top,  #e5e5e5 0%,#cecece 100%);
  background: -o-linear-gradient(top,  #e5e5e5 0%,#cecece 100%);
  background: -ms-linear-gradient(top,  #e5e5e5 0%,#cecece 100%);
  background: linear-gradient(to bottom,  #e5e5e5 0%,#cecece 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#cecece',GradientType=0 );
}

.admin-page .subnav li {
  width: 10%;
}

.settings-venue-info .subnav li,
.settings-password-info .subnav li,
.settings-gallery .subnav li,
.settings-notifications .subnav li,
.settings-profile-links .subnav li,
.venue-reservation-table .subnav li,
.venue-add-reservation .subnav li,
.venue-schedule-override .subnav li,
.patron-settings .subnav li,
.tour-settings .subnav li {
  width: 15%;
}

.venue-widgets .subnav li,
.venue-embedded-form .subnav li,
.venue-free-b-link .subnav li,
.venue-mobile-website .subnav li,
.venue-concierge-bonuses .subnav li,
.venue-concierge-invite .subnav li,
.venue-flier-invitations .subnav li,
.venue-concierge-settings .subnav li,
.venue-vip-list .subnav li,
.venue-loyalty-tools .subnav li,
.bc-history .subnav li,
.venue-summary .subnav li,
.admin-stats-loyalty li {
  width: 20%;
}

.bc-settings .subnav li,
.bc-payments .subnav li,
.venue-hour-perk .subnav li {
  width: 25%;
}

@media only screen and (max-width: 830px) {
  .admin-page .subnav li,
  .settings-venue-info .subnav li,
  .settings-password-info .subnav li,
  .settings-gallery .subnav li,
  .settings-notifications .subnav li,
  .venue-embedded-form .subnav li,
  .venue-free-b-link .subnav li,
  .venue-mobile-website .subnav li,
  .venue-concierge-bonuses .subnav li,
  .venue-concierge-invite .subnav li,
  .venue-flier-invitations .subnav li,
  .venue-concierge-settings .subnav li,
  .settings-profile-links .subnav li,
  .bc-history .subnav li,
}

@media only screen and (max-width: 768px) {
  .venue-widgets .subnav li,
  .settings-gallery .subnav li,
  .settings-notifications .subnav li,
  .bc-settings .subnav li,
  .venue-res .subnav li,
  .venue-reservation-table .subnav li,
  .venue-add-reservation .subnav li,
  .venue-schedule-override .subnav li,
  .patron-settings .subnav li {
    width: 33%;
  }

  .venue-vip-list .subnav li,
  .venue-loyalty-tools .subnav li,
  .venue-summary .subnav li,
  .admin-stats-loyalty li,
	.venue-hour-perk .subnav li {
    width: 50%;
  }

  .patron-settings .subnav li {
    width: 25%;
  }
}

@media only screen and (max-width: 480px) {
  .bc-payments .subnav li,
  .admin-stats-loyalty li {
    width: 50%;
  }
}



/*SECTION TABS*/

/*set tab width*/
.venue-summary .section-tabs li { width: 20%; }
.venue-summary .section-tabs.test li { width: 33.333%; }


/*general styings*/
.section-tabs ul {
  padding: 0;
  margin: 50px 0 0 0;
  overflow: hidden;
}

.section-tabs li {
  list-style-type: none;
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0;
  width: 20%;
}

.section-tabs li a {
  text-decoration: none;
  display: block;
  cursor: pointer;
  padding: 10px 0;
  background-color: #fff;
  text-align: center;
  color: #666;
  font-family: 'Patagonia', sans-serif;
  font-size: 18px;

  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #c8d5de;
  border-radius:         4px 4px 0 0;
  -moz-border-radius:    4px 4px 0 0;
  -khtml-border-radius:  4px 4px 0 0;
}
.section-tabs li:first-child a {border-left-width: 1px;}

.section-tabs li a:hover {
  color: #666;
  background: #e9f1f8;
}

.section-tabs .active a,
.section-tabs .active a:hover,
.section-tabs .active a:active,
.section-tabs a:active {
  color: #343434;
  text-decoration: none;
  background: #c9d5de;
}

/*media queries*/
@media only screen and (max-width: 480px) {
  .section-tabs li a { font-size: 16px; padding: 5px;}

  /*.section-tabs span, .leaderboard-tab.active span { display: none;}*/
}


@media screen and (max-width: 1000px) {
  .tour-settings .subnav li {
    width: 20%;
  }
}