MediaWiki:Common.css

/*

This is for all the skins
Remember no preview



background: none; border: none; font-size: 12px; } ul.fancytree-container { outline: 0; border: none; overflow: hidden; } .fancytree p { display: none; } span.fancytree-title { cursor: default; } span.fancytree-title a { color: black; }

/*Scrollbar*/
 * -webkit-scrollbar-track {

background-color: rgba(0, 0, 0, 0.5); }


 * -webkit-scrollbar {

width: 10px; height: 10px; background-color: rgba(0, 0, 0, 0.5); }


 * -webkit-scrollbar-corner {

background-color: rgba(0, 0, 0, 0.5); }


 * -webkit-scrollbar-thumb {

width: 6px; border-radius: 8px; background-color: #909090; }


 * -webkit-scrollbar-thumb:hover {

background: #606060 !important; }


 * -webkit-scrollbar-thumb:active {

background: #303030 !important; }

.catlinks { background-color: #0F0F0F }

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: #0F0F0F }

ol.references li:target, sup.reference:target { background-color: #141414; }

.oo-ui-panelLayout-expanded { background-color: #141414; }

/* I copied some things over from Mediawiki:monobook.css that should be in here div.no-bullet-list ul { list-style-type: none; list-style-image: none; }

div#siteNotice { text-align: center; }

div.no-bullet-list ul { list-style-type: none; list-style-image: none; }

/*Fix the space between the edit check boxes on editintros. See http://bugzilla.wikimedia.org/show_bug.cgi?id=9252 */

.editOptions p { display: inline; }

/* /* Interlining in titles. To prevent title overlap. Not sure if should be in monobook.css as this is diff in diff skins. yell at me if this breaks anything in any of the skins. */

h1.firstHeading { line-height: 1em; }

Dynamic hidden boxes
Ugly nav=== /* Standard table formatting */ /* */

/* wikitable/prettytable class for skinning normal tables */

table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background: #363636; color: white; border: 1px #aaaaaa solid; border-collapse: collapse; }

table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { border: 1px #aaaaaa solid; padding: 0.2em; }

table.wikitable td, table.prettytable td { background: #363636; }

table.wikitable th, table.wikitable>tr>th, table.wikitable>*>tr>th, table.prettytable th, table.prettytable>tr>th, table.prettytable>*>tr>th { background: #262626; text-align: center; }

table.wikitable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; }

/*See MediaWiki:NavigationTabs.js. copied from wikibooks*/ .navtabs .tabs li { list-style: none; }

.navtabs .tabs a { text-decoration: none; text-transform: uppercase; outline-width: 0px; font-size: x-small; font-weight: bold; color: black; }

.navtabs .tabs .inactive { background: #bbb; padding: 1ex; }

.navtabs .tabs .selected { background: #999; padding: 1.1ex; }

.navtabs .tabs .inactive:hover { background: #f75; }

.navtabs .contents { padding: 1ex; border: 3px solid #999; }

/* hide the Comments_talk namespace */ .ns-102 #ca-talk { display: none; }

.ns-103 #ca-edit { display: none; }

.ns-103 #ca-addsection { display: none; }

/*Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit license see http://www.barelyfitz.com/projects/tabber/ /* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*-- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --*/ .tabberlive .tabbertabhide { display: none; }

/*-- .tabber = before the tabber interface is set up  .tabberlive = after the tabber interface is set up  --*/ .tabber {}

.tabberlive { margin-top: 1em; }

/*-- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --*/ ul.tabbernav { margin: 0; padding: 3px 0; border-bottom: 1px solid #CCC; font: bold 12px Verdana, sans-serif; }

ul.tabbernav li { list-style: none; margin: 0; display: inline; }

ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #ccc; border-bottom: none; background: #f2f7ff; text-decoration: none; }

ul.tabbernav li a:link { color: #448; }

ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover { color: #000; background: #fff9f2; border-color: #CCC; }

ul.tabbernav li.tabberactive a { background-color: #fff; border-bottom: 1px solid #fff; }

ul.tabbernav li.tabberactive a:hover { color: #000; background: white; border-bottom: 1px solid white; }

/*-- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --*/ .tabberlive .tabbertab { padding: 5px; border: 1px solid #CCC; border-top: 0;

/* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */

/* height:200px; */

/* If you set a fix height set overflow to auto and you will get a   scrollbar when necessary */

/* overflow:auto; */ }

/* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display: none; }

.tabberlive .tabbertab h3 { display: none; }

/* Example of using an ID to set different styles for the tabs on the page */ .tabberlive#tab1 {}

.tabberlive#tab2 {}

.tabberlive#tab2 .tabbertab { height: 200px; overflow: auto; }

border: 1px solid #666; background-color: #222222; color: inherit; clear: right; float: right; width: 300px; margin-top: 0em; margin-left: 1.5em; margin-right: 0em; margin-bottom: 1.3em; }
 * / table.wiki-sidebar {

table.wiki-sidebar tr th { background: #000000 url(/images/7/7f/Testskin2.png) repeat; font-weight: bold; }

table.wiki-sidebar td { line-height: 130%; border: 0; font-size: smaller; }

border: 1px solid #666; background-color: #222222; color: inherit; clear: right; float: right; width: 300px; margin-top: 0em; margin-left: 1.5em; margin-right: 0em; margin-bottom: 1.3em; }
 * / table.wiki-sidebar-left {

table.wiki-sidebar-left tr th { background: #000000 url(/images/a/a2/Test17.png) repeat; font-weight: bold; }

table.wiki-sidebar-left td { line-height: 130%; border: 0; font-size: smaller; }

border: 1px solid #666; background-color: #222222; color: inherit; clear: right; float: right; width: 300px; margin-top: 0em; margin-left: 1.5em; margin-right: 0em; margin-bottom: 1.3em; }
 * / table.wiki-sidebar-right {

table.wiki-sidebar-right tr th { background: #000000 url(/images/9/95/Test18.png) repeat; font-weight: bold; }

table.wiki-sidebar-right td { line-height: 130%; border: 0; font-size: smaller; }

/* Morph Link Stuff */ .morphLink { color: #002BB8; display: inline-block; cursor: pointer; }

.morphLink:hover { text-decoration: underline; }

.toggleLink { color: #002BB8; display: inline-block; cursor: pointer; }

/* Multislide and Multifade */ .multislideFrame { position: relative; padding: 0 !important; overflow: hidden; height: auto; width: auto; }

.slideFromTop, .slideFromBottom, .slideFromLeft, .slideFromRight, .multislideContent { position: absolute; }

.multislideMaster, .slideOn, .slideOff { display: none; }

.multifadeContent { opacity: 0; filter: alpha(opacity=0); width: 100%; }

.multifadeMaster, .fadeOn, .fadeOff { display: none; }

width: 100%; background-color: #232323; padding: 10px 10px 10px 10px; opacity: .5; (add in other opacity mods here - include -webkit, -moz, -o-, and filter:alpha) }
 * 1) transparent {

div.isATicker, div#singleTickerForPage { display: none; }

/* Pad Google AdSense box in portlet in sidebar */ padding-top: 5px; text-align: center; }
 * 1) p-googleadsense .pBody {

/* emulate center */ .center { width: 100%; text-align: center; }

margin-left: auto; margin-right: auto; }
 * .center * {

/* ADMINS - purple, bold italic*/

a[href$="/User:TMS"] { color: #9548e4; font-weight: bold; font-style: italic; }

a[href$="/User:ShiningCelebi"] { color: #9548e4; font-weight: bold; font-style: italic; }

a[href|="/User:Ainz"], a[href|="/User:Devkyu"], a[href|="/User:Digimonx"], a[href|="/User:Grandy02"], a[href|="/User:Koroku"], a[href|="/User:Pawitp"], a[href|="/User:Dkpat"] { color: #9548e4; font-weight: bold; font-style: italic; }

.vidgame a { color: white }

/*Portal CSS text follows*/

.splitrow { display: inline-block; white-space: nowrap; text-align: center; }

.navadmin { padding: 0; display: inline-block; text-decoration: none; }

.navadmin:hover .dropdownodt, .navadmin:hover .dropdownneo { display: inline-block; }

.container { position: absolute; height: 450px; }

.dropdownodt, .dropdownneo { display: none; float: left; left: -45%; right: -45%; position: relative; z-index: 100; }

.dropdownodt a { color: #0C95C9; text-decoration: none; }

.dropdownodt a { color: #0C95C9; text-decoration: none; }

.dropdownodt a:hover { color: #0C95C9; text-decoration: underline; }

.dropdownodt caption { background-color: inherit; border-radius: 10px; }

.dropdownodt td { vertical-align: top; padding: 1px; white-space: nowrap; }

.dropdownodt p { margin: 0; padding: 0; }

caption a, .dropdownodt td a, .dropdownodt th a { padding: 2px; }

.dropdownodt caption a { padding: 5px 2px 5px 20px; font-size: 150%; width: 300px; }

.dropdownodt dl, .dropdownodt dd { margin: 0 }

.dropdownodt dd a { text-align: center }

/*Footer links*/

.dropdownodt th p a { display: inline; width: 300px; }

/*Main column links*/

.dropdownodt td p a { background-color: transparent; padding: 0; text-align: left; color: #0C95C9 }

.dropdownodt caption a:hover { border-radius: 10px; }

.dropdownodt td p a:hover {}

/* Hover Box for switching the visibility of the selected item */

.hoverbox { display: inline-block; padding: 0em; }

.hoverbox .hoveritem { display: none; margin: 0em; padding: 0em; }

.hoverbox .hoveritem.selected { display: inline-block; }

.hoverbox:hover .hoveritem { display: inline-block; }

.hoverbox:hover .hoveritem.selected { display: none; }

/* This Week's Featured Article link colors */

.featuredfront {}

.featuredfront:link { color: #09739B; }

/* normal unvisited links */

.featuredfront: a:link:visited { color: #3466BB; }

/* visited links */

.featuredfront a:link:active { color: #FF0000; }

/* active links */

.featuredfront a.new { color: #E02A2A; }

/* new links */

.featuredfront a.external { color: #3366BB; }

/* external links */

.featuredfront a.interwiki { color: #3366BB; }

/* Admin Announcements dropdown menu */

color: white; background: green }
 * 1) admindropdown {

/*Admin Announcement menu bar*/

list-style-type: none; margin: 0; padding: 0; }
 * 1) menutest {

ul#menutest a:link { display: block; font-weight: bold; color: #FFFFFF; background-color: #98bf21; width: 140px; text-align: left; padding: 4px; text-decoration: none; }

ul#menutest a:visited { display: block; font-weight: bold; color: #FFFFFF; background-color: #98bf21; width: 140px; text-align: left; padding: 4px; text-decoration: none; }

ul#menutest a.external { display: block; font-weight: bold; color: #FFFFFF; background-color: #98bf21; width: 140px; text-align: left; padding: 4px; text-decoration: none; }

ul#menutest a:hover { background-color: #7A991A; }

ul#menutest a:active { background-color: #7A991A; }

ul#menutest a.external:hover { background-color: #7A991A; }

background-color: red }
 * 1) menuheader {

background-color: #98bf21; cursor: pointer }
 * 1) menuheader:hover {

background-color: #98bf21; cursor: pointer }
 * 1) menuheader:active {

.dropdown2 { float: left; position: relative; padding: 0px; margin-right: 0px; }

/* toggle */

.dropdown2 .dropdown2-toggle { padding: 0; }

/* dropdown2 */

.dropdown2-menu { position: absolute; top: 100%; right: 0; left: 0; display: none; margin: 0; padding: 0; list-style-type: none; background: ; }

/* options */

.dropdown2-menu .option a { padding: 5px; }

.dropdown2-menu .option a:hover { background-color: ; }

/* open */

.dropdown2-open { z-index: 98; }

.dropdown2-open>.dropdown2-menu { display: block; }

.popupbox { background-clip: padding-box; border: 4px solid rgba(255, 255, 255, .2); border-radius: 3px; box-shadow: 0 0 1px rgba(255, 255, 255, .8), 0 0 3px rgba(0, 0, 0, .8), 1px 1px 0 rgba(0, 0, 0, .8) inset, -1px -1px 0 rgba(0, 0, 0, .8) inset; }

/* Testing */

/* New admin dropdown menu test */

.adminav { background: transparent }

.adminav ul { list-style-type: none; margin: 0px; padding: 0px; position: relative; display: inline-table; }

.adminav li { background: #024c5f }

.adminav li:hover, .adminav a:hover { background-color: #02333F; }

.adminav ul li { position: relative; display: block; text-decoration: none; color: white; }

.adminav ul li a, .adminav ul li a.external.text { position: relative; width: 140px; display: block; padding: 4px; text-decoration: none; text-align: left; color: white; font-weight: bold; }

.adminav ul ul { position: absolute; top: 0; left: 100%; display: none; }

.adminav ul li:hover>ul { display: block; }

.adminav li ul li { background-color: #2ba6ff; }

.adminav li ul li a { width: 100px; display: block; padding: 4px; font-weight: bold; text-decoration: none; text-align: left; color: white; }

.adminav li ul li a:hover { background-color: #005DAF; }

list-style-type: none; margin: 0; padding: 0; }
 * 1) menutest2 {

ul#menutest2 a:link { display: block; font-weight: bold; color: #FFFFFF; text-align: left; padding: 4px; text-decoration: none; }

ul#menutest2 a:visited { display: block; font-weight: bold; color: #FFFFFF; text-align: left; padding: 4px; text-decoration: none; }

ul#menutest2 a.external { display: block; font-weight: bold; color: #FFFFFF; text-align: left; padding: 4px; text-decoration: none; }

/* Main Page Top Category Tabs Test */

position: relative; font: normal 12px Arial, Sans-Serif; }
 * 1) neotab-outer {

margin: 0px 0px; padding: 0px 0px; }
 * 1) neotab-outer * {

list-style: none; height: 50px; }
 * 1) neotab-wrapper {

margin: 0px; float: left; font-weight: bold; cursor: pointer; }
 * 1) neotab-wrapper li {

background-color: #241749; color: white; padding: 0px; }
 * 1) neotab-body>div {

/* Featured Tabs Test */

position: relative; font: normal 12px Arial, Sans-Serif; }
 * 1) feattab-outer {

margin: 0px 0px; padding: 0px 0px; }
 * 1) feattab-outer * {

list-style: none; height: 50px; }
 * 1) feattab-wrapper {

margin: 0px; float: left; font-weight: bold; cursor: pointer; }
 * 1) feattab-wrapper li {

background-image: url(//i.imgur.com/Ze125eH.png); height: 50px; width: 50px; display: block; text-decoration: none; color: transparent; }
 * 1) feattab-wrapper li:nth-child(1) p,
 * 2) feattab-wrapper li:nth-child(2) p,
 * 3) feattab-wrapper li:nth-child(3) p {

background-position: 100px 0px; }
 * 1) feattab-wrapper li:nth-child(1) p {

background-position: 100px 100px; }
 * 1) feattab-wrapper li:nth-child(2) p {

background-position: 100px 50px; }
 * 1) feattab-wrapper li:nth-child(3) p {

background-position: 50px 0px; }
 * 1) feattab-wrapper li:nth-child(1) p:hover {

background-position: 50px 100px; }
 * 1) feattab-wrapper li:nth-child(2) p:hover {

background-position: 50px 50px; }
 * 1) feattab-wrapper li:nth-child(3) p:hover {

background-color: #1E232D; background-position: 100px 0px; }
 * 1) feattab-wrapper li:nth-child(1).active p {

background-color: #2A303F; background-position: 100px 100px; }
 * 1) feattab-wrapper li:nth-child(2).active p {

background-color: #3A4759; background-position: 100px 50px; }
 * 1) feattab-wrapper li:nth-child(3).active p {

background-color: #241749; color: white; padding: 0px; }
 * 1) feattab-body>div {

/*Menu test 3*/

margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 * 1) cssmenu,
 * 2) cssmenu ul,
 * 3) cssmenu ul li,
 * 4) cssmenu ul li p {

width: 162px; font-family: Raleway, sans-serif; color: #ffffff; }
 * 1) cssmenu {

display: none; }
 * 1) cssmenu ul ul {

display: block; }
 * 1) cssmenu>ul>li.active>ul {

.align-right { float: right; }

padding: 8px 8px; cursor: pointer; z-index: 2; font-size: 12px; text-decoration: none; color: #ffffff; background: #3ab4a6; -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; }
 * 1) cssmenu>ul>li>p {

color: #d8f3f0; background: #2E8C81; }
 * 1) cssmenu>ul>li>p:hover {

position: absolute; right: 14px; top: 9px; z-index: 5; display: block; height: 10px; width: 2px; background: #ffffff; content: ""; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
 * 1) cssmenu ul>li.has-sub>p:after {

position: absolute; right: 10px; top: 13px; display: block; width: 10px; height: 2px; background: #ffffff; content: ""; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
 * 1) cssmenu ul>li.has-sub>p:before {

-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
 * 1) cssmenu ul>li.has-sub.open>p:after,
 * 2) cssmenu ul>li.has-sub.open>p:before {

padding: 8px 8px; cursor: pointer; z-index: 2; font-size: 12px; text-decoration: none; color: #dddddd; background: #49505a; -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; }
 * 1) cssmenu ul ul li p {

padding-left: 32px; }
 * 1) cssmenu ul ul ul li p {

color: #ffffff; background: #34393F; }
 * 1) cssmenu ul ul li p:hover {

top: 10px; right: 14px; background: #dddddd; }
 * 1) cssmenu ul ul>li.has-sub>p:after {

top: 14px; background: #dddddd; }
 * 1) cssmenu ul ul>li.has-sub>p:before {

.adminextra { visibility: hidden; font-size: 11px }

.adminextra a { color: #ffffff }

color: #ffffff; visibility: visible; }
 * 1) cssmenu ul ul li p:hover .adminextra {

.oldannounce a { background: #49505a; padding: 2px 13px; text-decoration: none; text-align: center; font-size: 12px; color: white; }

color: #ffffff; background: #34393F; }
 * 1) cssmenu ul ul li p:hover .oldannounce a:hover {

/*HC requirements link color*/

.cardreq a { color: black }

/*On this day/tasks arrow box*/

.menuboxarrow { width: 260px; background: #363636; border: 1px solid #050505; position: relative; color: white; }

.menuboxarrow:after { content: ''; display: block; position: absolute; top: -19px; left: 120px; width: 0; height: 0; border-color: transparent transparent #363636 transparent; border-style: solid; border-width: 10px; }

.menuboxarrow:before { content: ''; display: block; position: absolute; top: -22px; left: 119px; width: 0; height: 0; border-color: transparent transparent #050505 transparent; border-style: solid; border-width: 11px; }

/* Header/tab styles */

.mpheader { background: linear-gradient(#102E99, #1761D1); background: -moz-linear-gradient(#102E99, #1761D1); background: -webkit-linear-gradient(#102E99, #1761D1); background: -o-linear-gradient(#102E99, #1761D1); border-collapse: collapse; position: relative; border-left: 1px solid #808080; border-right: 1px solid #808080; border-top: 1px solid #808080; }

.mptabborder { background: linear-gradient(#162347, #080C19); background: -webkit-linear-gradient(#162347, #080C19); }

.mphome { background: linear-gradient(#6CB6EC, #102E99); background: -webkit-linear-gradient(#6CB6EC, #102E99) }

.mpdigimon { background: linear-gradient(#4A87B2, #274051); background: -webkit-linear-gradient(#4A87B2, #274051) }

.mpanimemanga { background: linear-gradient(#4565F1, #1C2A5B); background: -webkit-linear-gradient(#4565F1, #1C2A5B) }

.mpcards { background: linear-gradient(#5545F1, #251F66); background: -webkit-linear-gradient(#5545F1, #251F66) }

.mptoysgames { background: linear-gradient(#7E45F1, #251649); background: -webkit-linear-gradient(#7E45F1, #251649) }

.mpmusic { background: linear-gradient(#B745F1, #431B59); background: -webkit-linear-gradient(#B745F1, #431B59) }

.mplocations { background: linear-gradient(#DF45F1, #4F1A56); background: -webkit-linear-gradient(#DF45F1, #4F1A56) }

.mpmisc { background: linear-gradient(#DB3A73, #54182D); background: -webkit-linear-gradient(#DB3A73, #54182D) }

display: none; }
 * 1) footer-info-lastmod {

display: none; }
 * 1) footer-info-copyright {

color: #191919 }
 * 1) mw-searchoptions {

.top-right { position: absolute; top: 229px; right: 10px; }

ul#filetoc { background: #0F0F0F; }

body.page-Main_Page li#ca-talk { display: none !important; }

/*Testt*/ .tabz_content { background: #fff; padding: 0; ; margin-bottom: 5px }

.tabz { margin: 0; padding: 0 }

.tabz li { display: inline; list-style: none; padding: 0 }

.tabz a { background: #7c7c7c; color: #dadada; display: inline-block; padding: 0; text-decoration: none }

.tabz a.active { background: #e32d2d; color: #fff }

.toptabs { background: #162347; width: 400px; padding: 0 3px; margin: -1px 0 0 0; position: relative; top: 5px }

.admindrop { width: 162px; height: 85px; overflow: auto; font-weight: bold }

.dlink { display: block; width:208px; height:208px; background:url("/images/a/ae/Drb_headertest_inner.png") no-repeat center; }

.slider-for { padding: 0; position: relative; z-index: 4; background: url("/images/c/c8/Drb_headertest_layer1.png") center no-repeat, url("/images/a/a5/Drb_headertest_layer2.png") center no-repeat; }

padding: 0; position: relative; background: url("/images/9/9d/Test_magnifybutton.png") center no-repeat; background-size: 24px 24px; }
 * 1) zoom-in {

.popuptab-outer { position: relative; font: normal 12px Arial, Sans-Serif; }

.popuptab-outer * { margin: 0px 0px; padding: 0px 0px; }

.popuptab-wrapper { list-style: none; height: 30px; }

.popuptab-wrapper li { margin: 0px; float: left; font-weight: bold; }

.popuptab-wrapper li p { display: block; padding: 0px; text-decoration: none; color: white; background-color: #575757; border-right: 1px solid #191919; border-bottom: 1px solid #191919; cursor: pointer; }

.popuptab-wrapper li:nth-child(1) p { border-left: 1px solid #191919; }

.popuptab-wrapper li:nth-child(n).active p { background-color: #8E8D8D; }

.popuptab-body>div { color: white; }

.tab-content>.tab-pane { display: block !important; height: 0 !important; overflow: hidden !important; } .tab-content > .active { height: auto !important; } .product-buy-click { display:block; padding: 40px 20px; }

.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.drbpop .nav-tabs .nav-item:first-child .nav-link { background: #575757 url("/images/9/94/PopEng.png") center no-repeat; color: #FFF; border-left:1px solid #242424; border-bottom:1px solid #242424; border-right:1px solid #242424; border-top:transparent; padding:0; border-radius:0; }

.drbpop .nav-tabs .nav-item:last-child .nav-link { background: #575757 url("/images/0/01/PopJp.png") center no-repeat; color: #FFF; border-left:transparent; border-bottom:1px solid #242424; border-right:1px solid #242424; border-top:transparent; padding:0; border-radius:0; }

.drbpop .nav-tabs .nav-item a.nav-link:hover { color:red; background-color:#727272; }

.drbpop .nav-tabs .nav-item .nav-link.active:hover, .drbpop .nav-tabs .nav-item .nav-link.active { background-color:#8e8d8d; color: #0080FF; }

.tabmain .nav-tabs .nav-item .nav-link { background: #575757; color: #d9d9d9; border:transparent; padding:5px; border-radius:0; font-weight: bold; }

.tabmain .nav-tabs .nav-item .nav-link.active, .tabmain .nav-tabs .nav-item .nav-link.active:hover { background-color:#8e8d8d; color: #FFF; padding:5px; }

.tabmain .nav-tabs .nav-item a.nav-link:hover { color: #d9d9d9; background-color:#727272; padding:5px; }

.mw-rcfilters-ui-liveUpdateButtonWidget.oo-ui-toggleWidget-on { position:relative; z-index:3; }

list-style: none; height: 50px; }
 * 1) neotab-wrapper {

margin: 0px; float: left; font-weight: bold; cursor: pointer; }
 * 1) neotab-wrapper li {

display: block; height: 53px; width: 50px; line-height: 30px; text-decoration: none; color: transparent; background-image: url(/images/a/a2/Toptier.png) }
 * 1) neotab-wrapper li:nth-child(1) a,
 * 2) neotab-wrapper li:nth-child(2) a,
 * 3) neotab-wrapper li:nth-child(3) a,
 * 4) neotab-wrapper li:nth-child(4) a,
 * 5) neotab-wrapper li:nth-child(5) a,
 * 6) neotab-wrapper li:nth-child(6) a,
 * 7) neotab-wrapper li:nth-child(7) a,
 * 8) neotab-wrapper li:nth-child(8) a,
 * 9) neotab-wrapper li:nth-child(9) a {

background-position: 450px 0px; }
 * 1) neotab-wrapper li:nth-child(1) a {

background-position: 400px 0px; }
 * 1) neotab-wrapper li:nth-child(2) a {

background-position: 350px 0px; }
 * 1) neotab-wrapper li:nth-child(3) a {

background-position: 300px 0px; }
 * 1) neotab-wrapper li:nth-child(4) a {

background-position: 250px 0px; }
 * 1) neotab-wrapper li:nth-child(5) a {

background-position: 200px 0px; }
 * 1) neotab-wrapper li:nth-child(6) a {

background-position: 150px 0px; }
 * 1) neotab-wrapper li:nth-child(7) a {

background-position: 100px 0px; }
 * 1) neotab-wrapper li:nth-child(8) a {

background-position: 50px 0px; }
 * 1) neotab-wrapper li:nth-child(9) a {

background-position: 450px 50px; }
 * 1) neotab-wrapper li:nth-child(1) a:hover {

background-position: 400px 50px; }
 * 1) neotab-wrapper li:nth-child(2) a:hover {

background-position: 350px 50px; }
 * 1) neotab-wrapper li:nth-child(3) a:hover {

background-position: 300px 50px; }
 * 1) neotab-wrapper li:nth-child(4) a:hover {

background-position: 250px 50px; }
 * 1) neotab-wrapper li:nth-child(5) a:hover {

background-position: 200px 50px; }
 * 1) neotab-wrapper li:nth-child(6) a:hover {

background-position: 150px 50px; }
 * 1) neotab-wrapper li:nth-child(7) a:hover {

background-position: 100px 50px; }
 * 1) neotab-wrapper li:nth-child(8) a:hover {

background-position: 50px 50px; }
 * 1) neotab-wrapper li:nth-child(9) a:hover {

.close { background: #bc0b0b; opacity:1; color: #fff; line-height: 18px; position: absolute; right: 12px; text-align: center; top: -10px; width: 40px; text-decoration: none; font-weight: bold; border-radius: 0; border-bottom:1px solid #242424; border-left:1px solid #242424; border-right:1px solid #242424; }

.close:hover { background: #e16f23; opacity: 1; color: #fff; cursor: pointer; }

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: 1; }

.engjp .nav-tabs .nav-item .nav-link { background: #575757; color: #d9d9d9; border:transparent; padding:5px; border-radius:0; font-weight: bold; }

.engjp .nav-tabs .nav-item .nav-link.active, .engjp .nav-tabs .nav-item .nav-link.active:hover { display:none; }

.engjp .nav-tabs .nav-item a.nav-link:hover { color: #d9d9d9; background-color:#727272; padding:5px; }

.your-class .slick-prev, .your-class .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; cursor: pointer; color: red; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .your-class .slick-prev:hover, .your-class .slick-prev:focus, .your-class .slick-next:hover, .your-class .slick-next:focus {   color: transparent; outline: none; background: transparent; } .your-class .slick-prev:hover:before, .your-class .slick-prev:focus:before, .your-class .slick-next:hover:before, .your-class .slick-next:focus:before {   opacity: 1; } .your-class .slick-prev.slick-disabled:before, .your-class .slick-next.slick-disabled:before {   opacity: 1; }

.your-class .slick-prev:before, .your-class .slick-next:before {   font-family: 'slick'; font-size: 20px; line-height: 1;

opacity: 1; color: white;

-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.your-class .slick-prev {   left: -25px; }

.your-class .slick-prev:before {   content: '‹'; color: #00AC9F; font: 50px Arial,sans-serif; font-weight: bolder; }

.your-class .slick-next {   right: -25px; }

.your-class .slick-next:before {   content: '›'; color: #00AC9F; font: 50px Arial,sans-serif; font-weight: bolder; }