/* --------------------------------------------------
Detail Styles
-----------------------------------------------------*/
.detail-box { background: #e5e5e5; box-shadow:1px 2px 0px rgba(0, 0, 0, 0.3); position: relative; margin-bottom: 20px; margin-top: 15px; padding: 0 20px 20px; }
.detail-box .btn-row { margin-top: 15px; display: inline-block; width: 100%; }
.detail-box .btn-row a { box-shadow: 1px 1px 1px rgba(0,0,0,0.3); display: block; }
.detail-box > ul:first-of-type { padding-top: 25px; }

.detail-title { background: #2d6ca5; box-shadow: 1px 2px 3px rgba(0,0,0,0.2); color: #fff; display: inline-block; font: normal 78.571% 'Futura W01 Bold', arial, sans-serif; left: 10px; margin: 0; padding: 5px 20px; position: absolute; text-transform: uppercase; text-shadow: 0 0 1px rgba(23,44,67,0.43); top: -2px; }

.detail-list { color: #34373e; margin-bottom: 0; }
.detail-list > li { border-bottom: 1px solid #cecece; border-top: 1px solid #fff; margin: 0; padding: 10px 0; }
.detail-list > li:after { content: ""; display: table; clear: both; }
.detail-list > li:first-child { border-top: none; }
.detail-list > li:last-child { border-bottom: none; }

.detail-label, .price-label {float: left; width: 45%; display: block; }
.detail-info, .price-info {float: left; width: 55%; float: left;text-align: right;}
.price-label {width: 60%;}
.price-info {width: 40%;}

.product-detail .content, .event-detail .content {margin-top: 0;}
.product-detail .gutter, .product-detail .row.collapse .gutter {padding-right: 20px;}
.prod-pricing {background: #e8eff5; padding: 10px; margin-bottom: 15px;}
.prod-pricing .row {padding: 3px 5px;color: #34373e;}
.prod-pricing .highlight {background: #fef9da;color: #34373e;}
.prod-pricing .btn-row {border-top: 1px solid #ced6dd;padding: 20px 0 15px 0;}

.strikethrough {text-decoration: line-through;}
.event-box .btn-row.row {padding: 10px 5px;}
.event-box {margin-left: 10px;}

.members-table { overflow: auto; padding: 20px; }

.right-rail > a.rss-btn.btn-gray.more-btn { margin-top: 15px; }

/* --------------------------------------------------
My NYSBA
-----------------------------------------------------*/
a.plain-link { color: #34373e }
.my-intro { padding-bottom: 10px; color: #34373e; border-bottom: 1px solid #cecece; display: block; margin-bottom: 10px; }
.my-nysba .tab-holder { margin-top: 10px; }
.my-nysba .clear-btn.right { text-align: right; }
.member-details.detail-box { background: #e8eff5; }

.detail-box .btn-yellow { padding: 8px 20px; }
.detail-box.menu-box { background: #f3f3f3; border: 1px solid #cecece; box-shadow: 1px 2px 0 rgba(0,0,0,0.25); }
.detail-label.full, .detail-info.full { width: 100%; float: none; }
.detail-info.full { text-align: left; margin-top: .25em; }


/* --------------------------------------------------
Tab List Styles
-----------------------------------------------------*/
.nav-tabs { margin-top: 15px; }
.nav-tabs > .tab-panel-title { width: 25%; }
.nav-tabs > .tab-panel-title:first-child > a { border-left: 1px solid #cecece; }
.nav-tabs > .tab-panel-title > a { border: 1px solid #cecece; border-radius: 0px; color: #34373e; height: 78px; text-transform: uppercase; text-align: center; margin-right: 0px; padding-top: 18px; padding-bottom: 18px; background: #ebebeb; box-shadow: inset 0 -8px 3px -8px rgba(0,0,0,0.2); border-left: none; }
.nav-tabs > .tab-panel-title.active > a { box-shadow: none; }
.nav-tabs > .tab-panel-title > a > .center-title { display: table; height: 100%; width: 100%; }
.nav-tabs > .tab-panel-title > a > .center-title > h6 { color: #34373e; display: table-cell; margin: 0; padding: 0px; vertical-align: middle; }
.tab-pane { background: white; border: 1px solid #cecece; margin-top: -1px; padding: 20px; }


.tabs { position: relative; margin: 0; padding: 0; z-index: 1; }
.tabs > li { margin: 0; padding: 0; list-style: none; }
.tabs > li:first-child > a { border-left: 1px solid #cecece; }
.tabs > li > a { position: relative; display: block; float: left; z-index: 3; width: 150px; margin: 0; height: 55px; width: 20%; line-height: 18px; border: 1px solid #cecece; color: #34373e; text-transform: uppercase; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-align: center; padding: 18px 5px; background: #ebebeb; box-shadow: inset 0 -8px 3px -8px rgba(0,0,0,0.2); border-left: none; }
.tabs > li > a > h6 { color: #34373e; margin: 0; padding: 0; }
.tabs > li > div { position: absolute;display: none; z-index: 2; top: 54px; left: 0; width: 100%; height: auto; margin: 0; padding: 20px; background: #ffffff; border: 1px solid #cecece; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.tabs > li.active > a { background: rgb(238,238,238); background: -moz-linear-gradient(top,rgba(238,238,238,1) 0%,rgba(255,255,255,1) 82%); background: -webkit-linear-gradient(top,rgba(238,238,238,1) 0%,rgba(255,255,255,1) 82%);border-bottom: 1px solid #fff; border-top: 1px solid #cecece; box-shadow: none; color: #2a4a7a; outline: none; }
.tabs > li.active > a > h6 { color: #2a4a7a; }
.tabs > li.active > div { display: block;}
.tabs > li.active > div.no-padding {padding: 0;}
.tabs .main-accordion .plain-list li:last-child .hid-content { border-bottom: none; }
.tabs .plain-list li:last-child { margin-bottom: 0; }
.tabs .tab-content h7 { font-weight: bold; font-size: 17px; }
.tabs .tab-content .arrow-list { margin-bottom: 1.5em; }

.tab-holder {position: relative;}

.tab-row { margin-bottom: 10px; }
.tab-row .tabs > li > a { width: 25%; }
.tab-content .main-accordion { border: none; margin-top: 5px; }
.tab-content img { max-width: 100%; }
ul li .tab-content .main-accordion ul { margin-left: 0; }


/* --------------------------------------------------
Blog Styles
-----------------------------------------------------*/
 h5 { margin-top: 0; }
.box-link{ font-family: 'Avenir LT W01 95 Black', arial, sans-serif; color: #34373e; }

.rss-btn { display: block; }
.rss-btn img { float: left; margin-top: -5px; }
.rss-btn.more-btn, .row.collapse .more-btn { padding: 8px 20px; margin-bottom: 20px; }

.meta { margin: .5em 0; font-size: 87%; color: #34373E; text-transform: uppercase; }

.blog-post:last-child { padding-bottom: 30px; }
.blogArchive ul, .blogCategories ul { list-style: none; }
.blogArchive a, .blogCategories a { color: #34373E; font-family: 'Avenir LT W01 95 Black',arial,sans-serif; }


/* --------------------------------------------------
Search Styles
-----------------------------------------------------*/
.main-page .row .row.filter {background: #f3f3f3; padding: 15px 20px; margin: 20px 0 }
.filter .columns {margin-left: 10px;}
.filter .columns:first-child {margin-left: 0;}
.filter .label {color: #34373e;}
[role="main"] .clear-btn {font-family:'Futura W01 Bold', arial, sans-serif; font-size: 78.571%;text-transform: uppercase; color: #34373e;}
.x {font-size: 95%; text-transform: lowercase; color: #2d6ca5;}
.row.collapse .search-page .field { margin-right: 10px; padding-left: 10px;-webkit-appearance: none;}
.row.collapse .search-page .btn-yellow {padding: 6px 20px;}
.search .h7 a {color: #34373e;}
.arrow-list .icon-right-dir:before {color: #2d6ca5; font-size: 125%; position: absolute; left: -23px; top: 3px; }
.arrow-list li {position: relative;}
.row.collapse .search-page.advanced label {text-align: right; padding-right: 5px; padding-top: 8px;}
.main-page .row .table-list .row {margin: 8px 0;}
.table-list {list-style: none; margin: 0;}
.table-list div {padding-right: 10px;}
.table-hd {background: #E8EFF5; border-bottom: 1px solid #cecece;padding: 8px 0}
.table-hd strong {color: #34373E;}
ul.link-list {list-style: none; margin-left: 0; margin-top: .5em;}
ul.link-list li {margin-bottom: .5em;}
ul.link-list a {color: #2A4A7A; text-shadow: 1px 1px 1px #fff;}
.filter-box {padding: 10px 19px; color: #34373e; font-size: 90%;text-shadow: 1px 1px 1px #fff;}
.filter-box a {color: #2A4A7A; }


/* --------------------------------------------------
MOBILE STYLES
-----------------------------------------------------*/
@media only screen and (max-width: 1023px) {
	.row .social-plugins.row { display: none; }
	.rss-btn { text-align: left; }
	.rss-btn img { margin-right: 5px;margin-top: 2px; }
	.my-nysba .tabs > li > a { padding-top: 8px; }
	.detail-box .btn-yellow { display: block; padding:8px 5px }
	.my-nysba .ad { display: none; }
}

@media handheld, only screen and (max-width: 767px) {
	.tabs > li > a {padding: 10px 5px;}
	.row .event-box {float: none; width: auto;}
	.tabs > li > a, .tab-row .tabs > li > a  {float: none; width: auto;}
	.tabs li.active .tab-content{position: relative;top: -1px;}
	.tabs > li > a {border-left: 1px solid #cecece; border-right: 1px solid #cecece;height: auto;}
	.main-page .row .tab-row {margin-bottom: 10px;}
	.tabs > li.active > div.no-padding {padding: 0 20px 20px 20px;}
	.list-title-tab h5 {border: 1px solid #cecece;}
	.rss-btn.more-btn {padding-bottom: 10px; padding-top: 10px; vertical-align: middle;}
	.rss-btn img {margin-top: -5px;}

	/* SEARCH ON MOBILE */
	.filter select.columns {width: 70%; display: block; margin-left: 0; margin-bottom: 10px;}
	.search-page .columns {width:auto;}
	.row.collapse .search-page.advanced label {text-align: left;}
	.table-hd {display: none;}
	.table-title { font-family: 'Avenir LT W01 95 Black',arial,sans-serif;font-weight: normal; font-size: 120%; display: block;}
	.table-list [class*="table-"] {margin: 5px 0;}
	.table-date:before {content:'DATE: '; font-family: 'Avenir LT W01 95 Black',arial,sans-serif; font-size: 90%;display: inline;color: #34373E;}
	.table-credits:before {content:'CREDITS: '; font-family: 'Avenir LT W01 95 Black',arial,sans-serif; font-size: 90%;display: inline;color: #34373E;}
	.table-location:before {content:'LOCATION: '; font-family: 'Avenir LT W01 95 Black',arial,sans-serif; font-size: 90%;display: inline;color: #34373E;}
	.table-format:before {content:'FORMAT: '; font-family: 'Avenir LT W01 95 Black',arial,sans-serif; font-size: 90%;display: inline;color: #34373E;}
}