@charset "utf-8";

.floatLeft{ float:left;}
.floatRight{ float:right;}
.clearLeft{ clear:left;}
.clearRight{ clear:right;}

.widgetContainer .open{ display:block !important;} 
.widgetContainer a{ text-decoration:none;}
.widgetContainer a:hover,
.widgetContainer a:active,
.widgetContainer a:focus{ text-decoration:underline;}
.widgetContainer img{ border:0;}
.widgetContainer em{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px; font-style:normal;}
.widgetContainer form{ margin:0; padding:0;}
.widgetContainer fieldset{ border:0; margin:0; padding:0;}

.widgetTabA{ position:relative; margin:0 0 10px 0; padding:0; *zoom:1; border-bottom:0px solid;}
.widgetTabA:after{ content:""; display:block; clear:both;} 
.widgetTabA li{ float:left; list-style:none; background-repeat:no-repeat; background-position:0 0}
.widgetTabA li.active{ background-position:0 -30px;} 
.widgetTabA li a{ position:relative; left:0px; float:left; width:119px; height:30px; text-decoration:none; font-size:12px; background:#ececec; background-repeat:no-repeat; background-position:right 0; text-align:center; line-height:30px;border:1px solid #d9d9d9;border-left:none}
.widgetTabA li:first-child a{width:118px;border-left:1px solid #d9d9d9}
.widgetTabA li.active a{ height:29px; background-position:right -30px; font-weight:bold; background:#fff;border-bottom:none;border-top:2px solid #f44010}

ul.widgetA { margin:0; padding:0; list-style:none; }
ul.widgetA li { margin:0; padding:0; list-style:none; }
.widgetTableA { width:100%; padding:0 5% 0 5%; font-size:12px; position:relative; border:0;}
.widgetTableA td{ border:0; line-height:1.5; white-space:nowrap; vertical-align:top; padding:1px 5px 1px 5px;}
.widgetTableA td.title{ width:100%; white-space:normal;}
.widgetTableA td .board{ padding-right:5px;} 
.widgetTableA td .notice{ padding-right:5px;}
.widgetTableA td .category{ padding-right:5px; font-weight:normal;}
.widgetTableA td .replyNum a{ font:10px Tahoma;}
.widgetTableA td .trackbackNum a{ font:10px Tahoma;}
.widgetTableA td.summary{ white-space:normal;}
.widgetTableA td.time{ font-size:11px; font-family:Tahoma;} 


.widgetTabC{ margin:0; padding:0; font-size:12px; border-top:1px solid;}
.widgetTabC li{ list-style:none; border-bottom:1px solid; *zoom:1; margin-bottom:1px;}
.widgetTabC li a{ display:block; padding:7px 0 6px 10px; text-decoration:none; *zoom:1;}

dl.widgetDivider{ margin:0;}
dl.widgetDivider dt{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
dl.widgetDivider dd{ display:none; margin:0;} 

.widgetNavigator{ margin:0; padding:0; text-align:right; clear:both;}
.widgetNavigator li{ list-style:none; display:inline;}
.widgetNavigator li button{ width:16px; height:16px; padding:0; background-color:transparent; background-image:url(../img/white/buttonWidgetNavigation.gif); border:1px solid #999; cursor:pointer;}
.widgetNavigator li button.prev{ background-position:left center; *background-position:-1px center;}
.widgetNavigator li button.next{ background-position:right center; *background-position:13px center;}
.widgetNavigator li button span{ position:absolute; display:block; width:0; height:0; overflow:hidden; visibility:hidden;}

.widgetGalleryA{ position:relative; margin:0; padding:0; font-size:16px; line-height:1.5; *zoom:1; _margin-right:-100%;}
.widgetGalleryA:after{ content:""; display:block; clear:both;}
.widgetGalleryA li { float:left; overflow:hidden; width:100px; margin-right:28px; margin-bottom:15px; padding-bottom:0; white-space:nowrap; list-style:none;}
.widgetGalleryA li.clearRight{ margin-right:0;}
.widgetGalleryA li .thumb{ display:block; position:relative; width:100px; height:75px; margin-bottom:10px; overflow:hidden; text-decoration:none;}
.widgetGalleryA li .thumb img{ display:block; position:relative; width:100%;}
.widgetGalleryA li .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetGalleryA li .thumb .board{ display:block; position:absolute; width:100%; top:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetGalleryA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetGalleryA li .title{ display:block;}
.widgetGalleryA li .author{ display:inline;float:left}
.widgetGalleryA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryA li .date{ display:inline-block; padding-top:15px; }
.widgetGalleryA li .hour{ font:11px Tahoma;}

/* widgetThumb */
.widgetThumb{ position:relative; margin:0; text-align:center; font-size:12px; line-height:1.5;}
.widgetThumb .thumb{ display:block; margin-bottom:5px; position:relative; *zoom:1; text-decoration:none; _float:left;}
.widgetThumb .thumb img{ display:block; width:100%;}
.widgetThumb .thumb .imgNone{ display:block; position:relative; width:100%; padding-top:30px; padding-bottom:50px; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetThumb .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetThumb .title{ display:block;}
.widgetThumb .author{ display:block;}
.widgetThumb .date{ font-size:11px; font-family:Tahoma;}
.widgetThumb .hour{ font-size:11px; font-family:Tahoma;}

.widgetZineA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
.widgetZineA:after{ content:""; display:block; clear:both;}
.widgetZineA li { list-style:none; clear:both; margin-bottom:10px; padding-bottom:10px; *zoom:1; overflow:hidden; }
.widgetZineA li p{ margin:0; padding:0;}
.widgetZineA li p.thumbArea{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden;}
.widgetZineA li p.titleArea{ margin-left:120px; margin-bottom:4px;}
.widgetZineA li p.titleArea .board{ padding-right:5px;}
.widgetZineA li p.text{ margin-left:120px; margin-bottom:4px;}
.widgetZineA li p.authorArea{ margin-left:120px;padding-bottom:10px}
.widgetZineA li .thumb{ display:block; position:relative; width:100px; height:75px; text-decoration:none; overflow:hidden;}
.widgetZineA li .thumb img{ position:relative; width:100%;}
.widgetZineA li .thumb .imgNone{ display:block; position:relative; width:100%; height:80%; padding-top:20%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetZineA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetZineA li .category{ padding-right:5px; font-weight:normal;}
.widgetZineA li .title{ font-weight:bold;}
.widgetZineA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineA li .author{ margin-right:10px;}
.widgetZineA li .date{ font:11px Tahoma;}
.widgetZineA li .hour{ font:11px Tahoma;}

.widgetTabC{ border-color:#e5e5e5;}
.widgetTabC li{ border-color:#e5e5e5; background:#f8f8f8;}
.widgetTabC li a{ color:#333;}
.widgetTabC li a:hover, 
.widgetTabC li a:active,
.widgetTabC li a:focus{ background:#eee;}
.widgetTabA{ border-color:#666;}
.widgetTabA li,
.widgetTabA li a{ }
.widgetTabA li a{ color:#333;}

.widgetA a.board { color:#333; padding-right:5px; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetA .notice{ color:#ff1a1a; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetA .category{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetA .replyNum a{ color:#ff1a1a;}
.widgetA .trackbackNum a{ color:#66c;}
.widgetA .author { color:#333;}
.widgetA .date{ color:#333;}
.widgetA .hour{ color:#888;}

.widgetTableA td.title a{ color:#333;}
.widgetTableA td .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .notice{ color:#ff1a1a; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .category{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .replyNum a{ color:#ff1a1a;}
.widgetTableA td .trackbackNum a{ color:#66c;}
.widgetTableA td .author { color:#333;}
.widgetTableA td .date{ color:#333;}
.widgetTableA td .hour{ color:#888;}

.widgetGalleryA li .title{ color:#333;}
.widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetGalleryA li .author{ color:#333;}
.widgetGalleryA li .date{ color:#999;}
.widgetGalleryA li .hour{ color:#888;}

.widgetThumb{ color:#333;}
.widgetThumb a{ color:#333;}
.widgetThumb .hour{ color:#888;}

.widgetZineA li .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetZineA li .title{ color:#666;}
.widgetZineA li .replyNum a{ color:#ff1a1a;}
.widgetZineA li .trackbackNum a{ color:#66c;}
.widgetZineA li .author{ color:#333;}
.widgetZineA li .category{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetZineA li .date{ color:#333;}
.widgetZineA li .hour{ color:#888;}
.widgetZineA li .text{ color:#888;}

.widgetContainer.black .widgetTabC{ border-color:#7f7f7f;}
.widgetContainer.black .widgetTabC li{ border-color:#7f7f7f; background:#222;}
.widgetContainer.black .widgetTabC li a{ color:#999;}
.widgetContainer.black .widgetTabC li a:hover,
.widgetContainer.black .widgetTabC li a:active,
.widgetContainer.black .widgetTabC li a:focus{ background:#333;}
.widgetContainer.black .widgetTabA{ border-color:#999;}
.widgetContainer.black .widgetTabA li, 
.widgetContainer.black .widgetTabA li a{ background-image:url(../img/black/buttonWidgetTab.gif);}
.widgetContainer.black .widgetTabA li a{ color:#999;}

.widgetContainer.black .widgetTableA td.title a{ color:#999;}
.widgetContainer.black .widgetTableA td .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetTableA td .notice{ color:#ff1a1a; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetTableA td .category{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetTableA td .replyNum{ color:#ff1a1a;}
.widgetContainer.black .widgetTableA td .trackbackNum{ color:#66c;}
.widgetContainer.black .widgetTableA td .author { color:#999;}
.widgetContainer.black .widgetTableA td .date{ color:#999;}
.widgetContainer.black .widgetTableA td .hour{ color:#888;}

.widgetContainer.black .widgetGalleryA li .title{ color:#999;}
.widgetContainer.black .widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetContainer.black .widgetGalleryA li .author{ color:#999;}
.widgetContainer.black .widgetGalleryA li .date{ color:#999;}
.widgetContainer.black .widgetGalleryA li .hour{ color:#888;}

.widgetContainer.black .widgetThumb{ color:#999;}
.widgetContainer.black .widgetThumb a{ color:#999;}
.widgetContainer.black .widgetThumb .hour{ color:#888;}

.widgetContainer.black .widgetZineA li .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetZineA li .title{ color:#999;}
.widgetContainer.black .widgetZineA li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .widgetZineA li .trackbackNum a{ color:#66c;}
.widgetContainer.black .widgetZineA li .author{ color:#999;}
.widgetContainer.black .widgetZineA li .category{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetZineA li .date{ color:#999;}
.widgetContainer.black .widgetZineA li .hour{ color:#888;}
.widgetContainer.black .widgetZineA li .text{ color:#888;}

/* goodpark_slide custom styles */
/* keep the title, tabs and prev/next controls inside the centered 1190px content area,
   aligned with the first card, while the slider track stays full-bleed.
   Same inset formula as the first card; the track's margin-left:calc(50% - 50vw) self-corrects
   for this padding so it still spans the whole viewport. */
.widgetContainer{box-sizing:border-box;padding-left:max(24px, calc((100vw - 1190px) / 2));padding-right:max(24px, calc((100vw - 1190px) / 2))}
.widgetContainer.tab-left{padding-left:0;padding-right:0}
.widgetContainer.tab-left .gp-header{padding-left:max(24px, calc((100vw - 1190px) / 2));padding-right:max(24px, calc((100vw - 1190px) / 2))}
.gp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.gp-title{font-size:35px;font-weight:600;margin:0;color:#111}
.gp-sub{font-size:18px;font-weight:400;margin:0;color:#111;text-align:left;}
.gp-controls{display:flex;align-items:center;gap:6px}
.gp-controls button{background:#dedede;border:none;padding:0;border-radius:10px;cursor:pointer;margin:0;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.gp-controls button img{display:block;width:40px;height:40px}
.gp-controls button{transition:opacity .2s, background .15s}
.gp-controls button:hover{background:#cecece}
.gp-controls button:focus{outline:2px solid rgba(0,0,0,.15);outline-offset:2px}
.widgetContainer:focus{outline:2px solid rgba(0,0,0,.15);outline-offset:4px}
#mobile .gp-title{font-size:20px;text-align:left;}
#mobile .gp-sub{font-size:14px;}

/* rounded tab appearance */
.widgetTabA li a{border-radius:20px;padding:6px 14px;}
.widgetTabA li.active a{background:#fff;border-bottom:none;border-top:2px solid #000}

/* track and sliding gallery */
/* full-bleed: the track spans the whole viewport width even though the page content
   sits in a centered 1190px container, so cards can scroll edge to edge */
.gp-track{overflow:hidden;width:100vw;margin-left:calc(50% - 50vw)}
/* padding-left aligns the FIRST card to the centered 1190px container's left edge
   (falls back to 24px on small screens). scroll-padding-left matches it so snapping/JS
   targets (index*cardWidth) line up with no jump. width:auto!important neutralises the
   inline px width printed on <ul> in gallery.html. */
.gp-track ul.widgetGalleryA{display:flex;flex-wrap:nowrap;align-items:flex-start;padding:0;padding-left:max(24px, calc((100vw - 1190px) / 2));margin:0;width:auto !important;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-padding-left:max(24px, calc((100vw - 1190px) / 2));-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}
.gp-track ul.widgetGalleryA::-webkit-scrollbar{display:none}
/* card width follows the widget's thumbnail_width: gallery.html prints width:{thumbnail_width}px
   inline on each <li>, so we use flex:0 0 auto (no hard-coded width) to let that value drive the
   card size. margin-right (not gap) keeps JS outerWidth(true) matching the real slide step. */
.gp-track ul.widgetGalleryA li{float:none;flex:0 0 auto;margin:40px 40px 40px 0;scroll-snap-align:start;padding:0}
.gp-track ul.widgetGalleryA li:last-child{margin-right:0}
/* show the whole thumbnail at its original ratio (no crop), whatever the shape.
   !important overrides the fixed width/height printed inline on .thumb & img in gallery.html;
   height:auto makes each image's box match its own aspect ratio so nothing is cut off. */
.gp-track ul.widgetGalleryA li .thumb{width:100% !important;height:auto !important;position:relative}
.gp-track ul.widgetGalleryA li .thumb img{display:block;width:100% !important;height:auto !important;object-fit:contain;border-radius:30px}

/* board name & category as rounded inline pill badges at the thumbnail's top (10px inset).
   The container now stretches edge to edge (left+right:10px) so the .board override below
   can center itself against the whole thumbnail width, independent of the .category badge. */
.gp-track ul.widgetGalleryA li .thumb .thumb-badges{position:absolute;top:10px;left:10px;right:10px;bottom:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;z-index:2}
.gp-track ul.widgetGalleryA li .thumb .thumb-badges .board,
.gp-track ul.widgetGalleryA li .thumb .thumb-badges .category{position:static;display:inline-block;width:auto;top:auto;right:auto;bottom:auto;left:auto;margin:0;padding:7px 10px !important;border-radius:14px;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;background:rgba(0,0,0,.6);color:#fff;opacity:1;filter:none}
/* board badge: pulled out of the flex flow and centered at the top of the thumbnail,
   while .category (above) keeps flowing to the right via the container's justify-content:flex-end */
.gp-track ul.widgetGalleryA li .thumb .thumb-badges .board{position:absolute;top:0;left:50%;right:auto;transform:translateX(-50%)}

@media(max-width:768px){
	/* mobile: size the card so exactly 1 card + ~40% of the next card fit across the
	   viewport, so the peek clearly signals "there are more cards".
	   width = (100vw - leftInset 24 - gap 16) / 1.4  ->  next card always peeks 40% of a card.
	   base padding-left/scroll-padding-left formula resolves to 24px here (matches leftInset). */
	.gp-track ul.widgetGalleryA li{flex:0 0 auto;flex-basis:calc((100vw - 40px) / 1.4);width:calc((100vw - 40px) / 1.4) !important;margin:20px 16px 20px 0}
	/* !important overrides the inline width/height printed on .thumb & img in gallery.html,
	   so the image area follows the slide width and the whole image shows (no crop). */
	.gp-track ul.widgetGalleryA li .thumb{width:100% !important;height:auto !important;aspect-ratio:auto;margin-bottom:12px}
	.gp-track ul.widgetGalleryA li .thumb img{width:100% !important;height:auto !important;object-fit:contain}
	.gp-title{font-size:20px;letter-spacing:-1px;}
	/* left_tab: stack tabs above the gallery so it uses the full width on mobile */
	.widgetContainer .widgetTabC.floatLeft{float:none;width:100% !important;margin-bottom:10px}
	.widgetContainer dl.widgetDivider.floatRight{float:none;width:100% !important}
}

/* Apple-like minimal clean look */
.gp-title{font-family:Paperlogy, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial}
.gp-controls button{font-family:inherit}

/* Let gallery titles wrap to two or more lines without being cut off */
.gp-track ul.widgetGalleryA li .title{display:block;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;overflow-wrap:break-word;line-height:1.4;margin-top:40px;text-align:center;font-weight:500;}

/* content text (image_title_content list type): a few lines under the title */
.gp-track ul.widgetGalleryA li .gp-content{margin-top:8px;font-size:14px;font-weight:500;line-height:1.5;color:#555;word-break:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* tab_left: full-width split layout so the tabs stay on the far left and the gallery uses the
   remaining viewport width to the right. */
.widgetContainer.tab-left .gp-tab-left-layout{display:flex;align-items:flex-start;gap:18px;width:100vw;margin-left:calc(50% - 50vw)}
.widgetContainer.tab-left .gp-tab-list{flex:0 0 150px;width:150px;float:none;margin:40px 0 0;}
.widgetContainer.tab-left .gp-tab-panel{float:none;width:auto;flex:1 1 auto;min-width:0;margin:0}
.widgetContainer.tab-left .gp-track{width:100%;margin-left:0}
.widgetContainer.tab-left .gp-track ul.widgetGalleryA{padding-left:0;scroll-padding-left:0}
.widgetContainer.tab-left .gp-track ul.widgetGalleryA li:first-child{margin-left:0}
.widgetContainer .widgetTabC{border-top:none;padding:0}
.widgetContainer .widgetTabC li{display:block;list-style:none;border:none;background:none;margin:0 0 8px}
.widgetContainer .widgetTabC li a{display:block;padding:9px 14px;background:#f2f2f2;border-radius:12px;color:#555;font-size:16px;line-height:1.3;text-align:center;text-decoration:none;transition:background .15s,color .15s}
.widgetContainer .widgetTabC li a:hover,
.widgetContainer .widgetTabC li a:active,
.widgetContainer .widgetTabC li a:focus{background:#e4e4e4;color:#333;text-decoration:none}
.widgetContainer .widgetTabC li.active a{background:#333;color:#fff;font-weight:700}

@media(max-width:768px){
	.widgetContainer.tab-left .gp-tab-left-layout{display:block;width:100% !important;margin-left:0 !important}
	.widgetContainer.tab-left .gp-tab-list{display:flex !important;flex-wrap:wrap;align-items:center;width:100% !important;margin:0 0 12px !important;float:none !important}
	.widgetContainer.tab-left .gp-tab-list li{display:inline-block !important;float:none !important;margin:0 8px 8px 0 !important}
	.widgetContainer.tab-left .gp-tab-list li a{display:inline-block !important;width:auto !important;height:auto !important;line-height:1.2 !important;padding:8px 18px !important;background:#f2f2f2 !important;border:none !important;border-radius:20px !important;color:#555 !important;font-size:13px !important;text-align:center !important;text-decoration:none !important;transition:background .15s,color .15s}
	.widgetContainer.tab-left .gp-tab-list li a:hover,
	.widgetContainer.tab-left .gp-tab-list li a:active,
	.widgetContainer.tab-left .gp-tab-list li a:focus{background:#e4e4e4 !important;color:#333 !important;text-decoration:none !important}
	.widgetContainer.tab-left .gp-tab-list li.active a{background:#333 !important;color:#fff !important;font-weight:700 !important}
	.widgetContainer.tab-left .gp-tab-panel{width:100% !important;float:none !important;display:block !important}
	.widgetContainer.tab-left .gp-track{width:100% !important;margin-left:0 !important}
	.widgetContainer.tab-left .gp-track ul.widgetGalleryA{padding-left:max(24px, calc((100vw - 1190px) / 2)) !important;scroll-padding-left:max(24px, calc((100vw - 1190px) / 2)) !important}
	.widgetContainer .widgetTabA{margin-top:20px !important;}
}

/* tab_top: horizontal inline light-gray rounded pill buttons */
.widgetContainer .widgetTabA{border-bottom:none;margin-top:40px;}
.widgetContainer .widgetTabA li{float:left;list-style:none;background:none;margin:0 8px 8px 0}
.widgetContainer .widgetTabA li a,
.widgetContainer .widgetTabA li:first-child a{display:inline-block;width:auto;height:auto;line-height:1.2;padding:8px 18px;background:#f2f2f2;border:none;border-radius:20px;color:#555;font-size:16px;text-align:center;text-decoration:none;transition:background .15s,color .15s}
.widgetContainer .widgetTabA li a:hover,
.widgetContainer .widgetTabA li a:active,
.widgetContainer .widgetTabA li a:focus{background:#e4e4e4;color:#333;text-decoration:none}
.widgetContainer .widgetTabA li.active a{background:#333;color:#fff;font-weight:700;border-top:none}