/*!---------------------------------------------
/* 
/*  style.scss / 2013.12.12
/*  update : 2022.03.30
/*  
/*  @outputFile ../htdocs/common/css/style.css  */
/*--------------------------------------------- */
/*----------------------------------------------*/
/* clearFix
/*----------------------------------------------*/
#wrapper:after,
.header:after,
.header .headerInner:after,
.keyVisual:after,
.category .keyVisualInner:after,
.contents:after,
.contents .contentsInner:after,
.footer:after,
.footer .footerInner:after,
.footerNav ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/*----------------------------------------------*/
/* overflow hidden
/*----------------------------------------------*/
.siteId,
.copyright .copyrightInner{ overflow: hidden; }
/*----------------------------------------------*/
/* Position
/*----------------------------------------------*/
.header,
.header .headerInner,
.keyVisual,
.category .keyVisualInner,
.contents,
.contents .contentsInner,
.main,
.footer .footerInner,
.globalNav{ position: relative; }
.home .contentsInner .main,
.category .contentsInner .main{ float: left; }
.home .contentsInner .second,
.category .contentsInner .second{ float: right; }
/*----------------------------------------------*/
/* z-index
/*----------------------------------------------*/
.pagePathNav,
#footer{ z-index: 1; }
#header,
#nav{ z-index: 3; }
#toPageTop a{ z-index: 10; }
/*----------------------------------------------*/
/* Base Width
/*----------------------------------------------*/
/*----------------------------------------------*/
/* listReset
/*----------------------------------------------*/
.category #treaderBePo .dottedList,
.globalNav ul,
.localNav ul,
.footerNav ul,
.assistHeaderNav ul,
.assistFooterNav ul,
.anchorNav ul,
.pagingNav ul,
.txtSizeChangeNav ul,
.printNav ul {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.category #treaderBePo .dottedList li,
.globalNav ul li,
.localNav ul li,
.footerNav ul li,
.assistHeaderNav ul li,
.assistFooterNav ul li,
.anchorNav ul li,
.pagingNav ul li,
.txtSizeChangeNav ul li,
.printNav ul li{ list-style-type: none; }
/*----------------------------------------------*/
/* after vertical align middle
/*----------------------------------------------*/
.header .headerInner:after,
.category .keyVisualInner:after,
.globalNav li.btn em .btnInner:after,
.globalNav li.btn a .btnInner:after,
#toPageTop:after,
.category-onlineDetail .modalCloseBtn:after,
.modalWindow .modalCloseBtn:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
}
/*----------------------------------------------*/
/* body,wrapper
/*----------------------------------------------*/
body{ background-color: #262626; }
body.home,
body.category{ overflow-y: scroll; }
body.alone{ background-color: #fff; }
.headerInner,
.siteDescription small,
.keyVisualInner,
.contentsInner,
.copyright p,
.globalNav ul,
.footerNav > ul,
.assistFooterNav ul,
.pagePathNavInner {
	width: 1080px;
	max-width: 1080px;
	margin: 0 auto;
}
body,
#wrapper,
.header,
.globalNav ul,
.keyVisual,
.contents,
.toPageTopInner,
.assistFooterNav,
.copyright{ min-width: 1080px; }
.toPageTopInner {
	max-width: 1340px;
	margin: 0 auto;
}
.modalWindow,
.modalWindow #wrapper,
.modalWindow .header,
.modalWindow .contents,
.category-onlineDetail,
.category-onlineDetail #wrapper,
.category-onlineDetail .header,
.category-onlineDetail .contents{ min-width: auto; }
/*----------------------------------------------*/
/* Header
/*----------------------------------------------*/
.header{ background-color: #fff; }
.header .headerInner{ height: 97px; }
.header a,
.header a:link,
.header a:visited{ color: #4b4b4b; }
.logos {
	position: absolute;
	top: 20px;
	right: 348px;
}
.logos__item {
	display: inline-block;
	vertical-align: middle;
	max-width: 56px;
}
.siteId {
	vertical-align: middle;
	line-height: 1;
}
.siteId img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.siteId p{ margin: 0; }
.siteDescription{ background-color: #262626; }
.siteDescription small {
	color: #FFF;
	display: block;
}
/*----------------------------------------------*/
/* KeyVisual
/*----------------------------------------------*/
.keyVisual {
	background-position: right center;
	background-repeat: no-repeat;
	color: #FFF;
	text-shadow: 0 0 8px #000;
	background-color: #fff;
}
.category .keyVisual {
	background-image: url("../img/keyvisual/keyvisual_other.png");
	background-color: #83b464;
}
.category-aboutus .keyVisual {
	background-image: url("../img/keyvisual/keyvisual_aboutus.png");
	background-color: #6a8cbe;
}
.category-database .keyVisual {
	background-image: url("../img/keyvisual/keyvisual_database.png");
	background-color: #eff9fb;
	color: #333;
	text-shadow: 0 0 8px #fff;
}
.category-faq .keyVisual {
	background-image: url("../img/keyvisual/keyvisual_faq.png");
	background-color: #5b86c1;
}
.category-members .keyVisual {
	background-image: url("../img/keyvisual/keyvisual_members.png");
	background-color: #0e1835;
}
.category-publications .keyVisual {
	background-image: url("../img/keyvisual/keyvisual_publications.png");
	background-color: #3e94cd;
}
.category-safety .keyVisual {
	background-image: url("../img/keyvisual/keyvisual_safety.png");
	background-color: #6b963b;
}
.home .keyVisual {
	background-image: url("../img/keyvisual/mainvisual.png");
	background-position: center center;
}
.home .keyVisual p {
	width: 100%;
	text-align: center;
	font-size: 30px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -.5em;
}
.category .keyVisual{ overflow: hidden; }
.category .keyVisual .categoryTitle {
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -12px;
	font-size: 20px;
	font-weight: normal;
	line-height: 20px;
}
.category .keyVisual .leadText {
	font-size: 13px;
	margin: 0;
	padding: 15px 15px 15px  300px;
	display: inline-block;
	vertical-align: middle;
}
.category .keyVisualInner{ height: 130px; }
.category .keyVisualInner:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    margin-left:-1em;
}

.keyVisual .contactBtn {
    text-shadow: none;
    z-index: 2;
    position: absolute;
    bottom: 5px;
    background: #f2f2f2;
    padding: .75em .75em .5em;
    box-sizing: border-box;
    line-height: 1;
    border-radius: 3px;
}

.keyVisual .contactBtn:hover {
	background-color: #073A7C;
	color:#FFF;
	text-decoration :none; 
}
.keyVisual .contactBtn:hover i{
	background-position: -136px -16px;
}
/*----------------------------------------------*/
/* Contents
/*----------------------------------------------*/
.contents{ background-color: #f2f2f2; }
.contents .contentsInner{ padding-bottom: 30px; }
.main{ width: 100%; }
.mainInner .spL:first-child{ margin-top: 0; }
article > section:first-child{ margin-top: 0 !important; }
/* contents column
---------------------------------*/
.home .contentsInner .contentsUnit{ padding-right: 330px; }
.home .contentsInner .main,
.home .contentsInner .second{ margin-right: -330px; }
.home .contentsInner .second {
	width: 300px;
	margin-left: 30px;
}
.category .contentsInner .contentsUnit{ padding-right: 210px; }
.category .contentsInner .main,
.category .contentsInner .second{ margin-right: -210px; }
.category .contentsInner .second {
	width: 180px;
	margin-left: 30px;
}
.layout-single .contentsInner .contentsUnit{ padding-right: 0; }
.layout-single .contentsInner .main {
	width: auto;
	margin-right: 0;
	float: none;
	padding-top: 1px;
	margin-top: -1px;
}
/* treaderBePo
---------------------------------*/
#treaderBePo .logo {
	padding: 5px 0;
	text-align: center;
	background-color: #e60012;
}
#treaderBePo .logo img {
	vertical-align: top;
	width: auto;
	height: 50px;
}
#treaderBePo .loading {
	overflow: hidden;
	text-align: left;
	text-indent: -7777px;
	height: 326px;
	background: #f2f2f2 url("../img/loading.gif") no-repeat center center;
}
.category #treaderBePo {
	margin-top: 20px;
	border: 1px solid #CCC;
	background-color: #fff;
}
.category #treaderBePo h2 {
	margin-top: 1px;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.category #treaderBePo p{ margin: 0 1em; }
.category #treaderBePo .logo{ margin: 10px 1px 0; }
.category #treaderBePo .dottedList{ font-size: 12px; }
.category #treaderBePo .dottedList li{ padding: 0.5em 1em; }
.category #treaderBePo .dottedList li + li{ border-top: 1px dotted #CCC; }
/*----------------------------------------------*/
/* Footer
/*----------------------------------------------*/
.footer{ padding-top: 30px; }
.footer,
.footer a,
.footer a:link,
.footer a:visited{ color: #FFF; }
.copyright {
	border: solid #262626;
	border-width: 1px 0;
	padding: 0.5em 0;
	background-color: #000;
	display: block;
}
/*----------------------------------------------*/
/* fix
/*----------------------------------------------*/
/*----------------------------------------------*/
/* readingInfo,forPrint
/*----------------------------------------------*/
.readingInfo,
.hide {
	border-style: none;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: absolute;
	top: -1px;
	left: 0px;
	z-index: 100;
}
.forPrint{ display: none; }
/*----------------------------------------------*/
/* Navigation
/*----------------------------------------------*/
.siteId,
.globalNav li,
.globalNav li.btn em .btnInner span,
.globalNav li.btn a .btnInner span,
.footerNav .footerNav-category,
.assistHeaderNav li,
.assistFooterNav li{ display: inline-block; }
.globalNav--flex > ul{ display:flex; }
/* link
---------------------------------*/
a:hover .icoCircleRedR{ background-position: -104px -16px; }
/* Global Navigation
---------------------------------*/
.globalNav,
.globalNav ul,
.globalNav a,
.globalNav em{ border: solid #CCC; }
.globalNav {
	background-color: #f2f2f2;
	border-width: 1px 0;
}
.globalNav h2{ display: none; }
.globalNav a,
.globalNav a:link,
.globalNav a:visited{ color: #4b4b4b; }
.globalNav ul{ border-width: 0 0 0 1px; }
.globalNav li {
	vertical-align: top;
	width: 15.5%;
	text-align: center;
}
.globalNav li.btn em,
.globalNav li.btn a {
	outline: none;
	display: block;
	height: 58px;
	line-height: 1.2;
	border-width: 0 1px 0 1px;
	border-left-color: #fff;
	background-color: #CCC;
}
.globalNav li.btn em,
.globalNav li.btn em .btnInner,
.globalNav li.btn a,
.globalNav li.btn a .btnInner{ transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.globalNav li.btn em .btnInner,
.globalNav li.btn a .btnInner {
	background-color: #f2f2f2;
	display: block;
	height: 55px;
}
.globalNav li.btn em .btnInner span,
.globalNav li.btn a .btnInner span{ vertical-align: middle; }
.globalNav li.btn em .btnInner small,
.globalNav li.btn a .btnInner small{ display: block; }
.globalNav li.btn a:hover {
	color: #e90011;
	background-color: #ff505d;
}
.globalNav li.btn a:hover .btnInner{ background-color: white; }
.globalNav li.btn a:active {
	color: #717171;
	background-color: #ff0316;
}
.globalNav li.btn a:active .btnInner {
	box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.5);
	background-color: #d8d8d8;
}
.globalNav li.btnHome {
	position: relative;
	width: 7%;
}
.globalNav li.btnHome a{ border-width: 0 1px; }
.globalNav li.btnHome .logo {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	vertical-align: middle;
	display: none;
	width: 50px;
	height: 46px;
}
.globalNav li.current em,
.globalNav li.current a,
.globalNav li.current a:hover{ background-color: #e90011; }
.globalNav li.current em .btnInner,
.globalNav li.current a .btnInner,
.globalNav li.current a:hover .btnInner{ background-color: #fff; }
.globalNav-FixedStart{ box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5); }
.globalNav-FixedStart i{ display: none; }
/* local Navigation
---------------------------------*/
.localNav ul,
.localNav li{ border: solid #CCC; }
.localNav {
	margin-top: 20px;
	box-shadow: 1px 1px 0 #FFF;
}
.localNav a,
.localNav a:link,
.localNav a:visited{ color: #4b4b4b; }
.localNav ul {
	border-width: 1px;
	background-color: #f2f2f2;
}
.localNav ul + ul{ margin-top: 10px; }
.localNav li {
	border-width: 0;
	box-shadow: inset 1px 1px 0 #FFF;
}
.localNav li + li{ border-width: 1px 0 0; }
.localNav a {
	transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	display: block;
	padding: 10px;
	margin: 1px 1px 1px 0;
	line-height: 1.2em;
	border-left: 3px solid #CCC;
}
.localNav a:hover {
	color: #e90011;
	border-color: #ff505d;
	background-color: white;
	text-decoration: none;
}
.localNav a:active {
	color: #717171;
	border-color: #ff0316;
	box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.5);
	background-color: #d8d8d8;
}
.localNav .current em,
.localNav .current a,
.localNav .current a:hover {
	background-color: #fff;
	border-color: #e90011;
}
#sideNav{ padding-bottom: 50px; }
/* Footer Navigation
---------------------------------*/
.footerNav .footerNav-category{ vertical-align: top; }
.footerNav .footerNav-category ul {
	overflow: hidden;
	padding-left: 1em;
}
.footerNav .footerNav-category ul li{ list-style-type: circle; }
.footerNav .footerNav-col1{ width: 20%; }
.footerNav .footerNav-col2{ width: 30%; }
.footerNav .footerNav-col3{ width: 20%; }
.footerNav .footerNav-col4{ width: 30%; }
.footerNav b {
	display: block;
	margin-bottom: 0.83em;
}
.footerNav ul + b {
	padding-top: 2em;
	display: block;
}

.footerNav-category a{
	word-break : normal;
}
.footerNav .footerNav-category div + div {
	margin-top:1em;
}

.footerNav--flex > ul{ display:flex; }
/*
.footerNav-col3 div:nth-child(2),
.footerNav-col4 div:nth-child(2){ display:none }

/* Assist Header Navigation
---------------------------------*/
.assistHeaderNav {
	position: absolute;
	top: 19px;
	right: 0;
	overflow: hidden;
}
.assistHeaderNav ul{ padding: 1em 0; }
.assistHeaderNav li{ padding-right: 1em; }
.assistHeaderNav li + li {
	padding-left: 1em;
	border-left: 1px dotted #4c4c4c;
}
.assistHeaderNav .btnConsumer .btnInner {
	border: 1px solid #CCC;
	margin: -0.5em 0;
}
.assistHeaderNav .btnConsumer a {
	transition: background 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	background-color: #f2f2f2;
	padding: 0.5em;
	border: 1px solid #FFF;
	display: block;
}
.assistHeaderNav .btnConsumer a:hover {
	background-color: #073A7C;
	color: #FFF;
	text-decoration: none;
}
.assistHeaderNav .btnConsumer a:hover i{ background-position: -136px -16px; }
.assistHeaderNav .btnConsumer a:active{ background-color: #062f64; }
/* Assist Footer Navigation
---------------------------------*/
.assistFooterNav {
	background-color: #191919;
	border: solid #333333;
	border-width: 1px 0 0;
	padding: 0.5em 0;
	margin-top: 1em;
}
.assistFooterNav li {
	padding-right: 1em;
	border-right: 1px dotted #262626;
}
.assistFooterNav li + li {
	padding-left: 1em;
	border-left: 1px dotted #4c4c4c;
}
.assistFooterNav li:last-child{ border-right: none; }
/* PagePath Navigation
---------------------------------*/
.pagePathNav {
	border-top: 1px solid #FFF;
	background-color: #f2f2f2;
	margin-bottom: -1px;
}
.pagePathNav em{ color: #bfbfbf; }
.pagePathNavInner{ padding: 15px 0 0; }
/* Anchor Navigation
---------------------------------*/
.anchorNav {
	border: 1px solid #CCC;
	padding: 1em;
	overflow: hidden;
}
.anchorNav ul{ margin-left: -1em; }
.anchorNav li {
	display: inline-block;
	margin-left: 1em;
	vertical-align: middle;
}
/* Paging Navigation
---------------------------------*/
.pagingNav{ text-align: center; }
.pagingNav ul,
.pagingNav li,
.pagingNav a {
	display: inline-block;
	vertical-align: middle;
}
.pagingNav a:hover{ text-decoration: none; }
/* text Size Change Navigation
---------------------------------*/
.txtSizeChangeNav h2,
.txtSizeChangeNav ul,
.txtSizeChangeNav li {
	display: inline-block;
	vertical-align: middle;
}
.txtSizeChangeNav h2 {
	font-size: 100%;
	margin: 0;
}
.txtSizeChangeNav a{ display: block; }
/* print Navigation
---------------------------------*/
/*----------------------------------------------*/
/* button
/*----------------------------------------------*/
/* toPageTop
---------------------------------*/
#toPageTop {
	text-align: right;
	width: 100%;
	height: 30px;
	margin-top: -30px;
}
#toPageTop span {
	position: relative;
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	width: 120px;
	height: 30px;
}
#toPageTop a {
	transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	background-color: #262626;
	z-index: 100;
	position: absolute;
	top: 30px;
	right: 0;
	width: 100px;
	line-height: 30px;
	display: inline-block;
	vertical-align: bottom;
	border-radius: 4px 4px 0 0;
	padding: 0 10px;
}
#toPageTop a,
#toPageTop a:link,
#toPageTop a:visited{ color: #FFF; }
#toPageTop.showToPageTop a{ top: 0px; }
/* cssBtn
---------------------------------*/
/*----------------------------------------------*/
/* Search
/*----------------------------------------------*/
.search .inputText {
	display: inline-block;
	border: 1px solid #EEE;
	width: 10em;
	height: 24px;
}
.search .inputText input {
	line-height: 1em;
	border: none;
	width: 100%;
}
.search button {
	line-height: 26px;
	height: 26px;
	vertical-align: middle;
	border: 1px solid #CCC;
	padding: 0 10px;
	text-shadow: -1px -1px 0 #FFF;
}
/*----------------------------------------------*/
/* navTab
/*----------------------------------------------*/
/*----------------------------------------------*/
/* fixFooterBox
/*----------------------------------------------*/
/*----------------------------------------------*/
/* modal
/*----------------------------------------------*/
.modal{ cursor: zoom-in; }
.category-onlineDetail,
.modalWindow{ position: relative; }
.category-onlineDetail .modalCloseBtn,
.modalWindow .modalCloseBtn {
	font-family: arial, sans serif;
	font-size: 12px;
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top: -12px;
	background-color: #4d4d4d;
	color: #FFF;
	border-radius: 12px;
	width: 24px;
	height: 24px;
	border: 1px solid #555;
	padding: 0;
}
.category-onlineDetail .modalCloseBtn:hover,
.modalWindow .modalCloseBtn:hover {
	color: #4d4d4d;
	background-color: #fff;
}
.category-onlineDetail .modalCloseBtn:active,
.modalWindow .modalCloseBtn:active {
	box-shadow: inset 0 0 3px #111;
	color: #ccc;
	background-color: #4d4d4d;
}
.category-onlineDetail .modalCloseBtn span,
.modalWindow .modalCloseBtn span {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	padding: 0;
}
.category-onlineDetail h1,
.modalWindow h1{ position: relative; }
/*----------------------------------------------*/
/* effFade
/*----------------------------------------------*/
img.effFade {
	-moz-opacity: 0.8;
	opacity: 0.8;
}
a:hover img.effFade {
	-moz-opacity: 1;
	opacity: 1;
}
a:active img.effFade {
	-moz-opacity: 0.5;
	opacity: 0.5;
}
a.effOutLine {
	border: 1px solid #FFF;
	overflow: hidden;
}
a.effOutLine:hover{ border-color: #F30; }
a.effOutLine:active{ border-color: #FFF; }
/*----------------------------------------------*/
/* Heading : .hdg[type]
/*----------------------------------------------*/
.home .contents h2,
.contents h2 {
	position: relative;
	border-top: 2px solid #CCC;
	padding-top: 0.83em;
}
.home .contents h2:after,
.contents h2:after {
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	width: 50px;
	height: 2px;
	background-color: #e90011;
	display: block;
}
.contents .pageTitle {
	position: relative;
	text-shadow: 1px 1px 0 #FFF;
	color: #073A7C;
	font-size: 24px;
	padding: 5px 15px;
	line-height: 1em;
}
.contents .pageTitle span {
	display: inline-block;
	vertical-align: middle;
}
.contents .pageTitle small {
	position: relative;
	color: #e90011;
	font-size: 14px;
	display: block;
	margin-bottom: 5px;
}
.contents .pageTitle .brand {
	vertical-align: middle;
	font-size: 15px;
}
.contents .pageTitle:after,
.contents .pageTitle:before {
	content: "";
	vertical-align: middle;
	display: inline-block;
	height: 100%;
	min-height: 48px;
}
.contents .pageTitle:after{ width: 0; }
.contents .pageTitle:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	background-color: #e90011;
	border: 1px solid #FFF;
	margin-right: 10px;
}
.contents .leadText{ color: #073A7C; }
.category .contents h3 {
	font-weight: bold;
	color: #073A7C;
}
.category .contents h4{ font-weight: bold; }
/*----------------------------------------------*/
/* table design
/*----------------------------------------------*/
/*----------------------------------------------*/
/* tableHeadFixed
/*----------------------------------------------*/
.tableHeadFixedFrame .tableHead {
	position: relative;
	background-color: #ccc;
	border: 1px solid;
	box-shadow: 0 2px 6px -3px rgba(0, 0, 0, 0.8);
}
.tableHeadFixedFrame .tableHead table {
	border-color: transparent;
	border-left: none;
}
.tableHeadFixedFrame .tableHead th,
.tableHeadFixedFrame .tableHead td{ border-bottom: none; }
.tableHeadFixedFrame .tableContent {
	border: 1px solid;
	border-top: none;
}
.tableHeadFixedFrame .tableContent table {
	border-color: transparent;
	border-left: none;
}
/*----------------------------------------------*/
/* wrapBox
/*----------------------------------------------*/
.wrapBoxA,
.wrapBoxB,
.wrapGrayBoxA {
	border-radius: 2px;
	border: 1px solid #CCC;
	padding: 1em;
	margin-top: 1em;
	box-shadow: 1px 1px 0 #EEE;
	background-color: #fff;
}
.wrapBoxA .wrapName,
.wrapBoxB .wrapName,
.wrapGrayBoxA .wrapName {
	display: block;
	line-height: 1em;
	border-bottom: 1px solid #CCC;
	padding-bottom: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}
.wrapBoxA .wrapName:first-child,
.wrapBoxB .wrapName:first-child,
.wrapGrayBoxA .wrapName:first-child{ margin-top: 0; }
.wrapBoxB{ border-width: 5px; }
.wrapGrayBoxA{ background-color: #EEE; }
.wrapGrayBoxA .wrapName {
	border-color: #FFF;
	box-shadow: inset 0 -1px 0 #CCC;
}
.imgWrapA{ border: 1px solid #CCC; }
/*----------------------------------------------*/
/* columnBox
/*----------------------------------------------*/
.colDx1,
.col2 .col2x1,
.col3 .col3x1,
.col3 .col3x2,
.col4 .col4x1,
.col4 .col4x2 {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
}
.col2 .col2x1{ width: 50%; }
.col2 .col2x1:nth-child(2n+1) .colInner{ margin-right: 14px; }
.col2 .col2x1:nth-child(2n+2) .colInner{ margin-left: 14px; }
.col3 .col3x1{ width: 33.33%; }
.col3 .col3x1:nth-child(3n+1) .colInner{ margin-right: 14px; }
.col3 .col3x1:nth-child(3n+2) .colInner {
	margin-right: 7px;
	margin-left: 7px;
}
.col3 .col3x1:nth-child(3n+3) .colInner{ margin-left: 14px; }
.col3 .col3x2{ width: 66.66%; }
.col3 .col3x2:first-child .colInner{ margin-right: 14px; }
.col3 .col3x2:last-child .colInner{ margin-left: 14px; }
.col3 .col3x2 + .col3x1 .colInner{ margin-left: 14px; }
.col4 .col4x1{ width: 25%; }
.col4 .col4x1:nth-child(4n+1) .colInner{ margin-right: 14px; }
.col4 .col4x1:nth-child(4n+2) .colInner {
	margin-right: 7px;
	margin-left: 7px;
}
.col4 .col4x1:nth-child(4n+3) .colInner {
	margin-right: 7px;
	margin-left: 7px;
}
.col4 .col4x1:nth-child(4n+3) .colInner{ margin-left: 14px; }
.col4 .col4x2{ width: 50%; }
.col4 .col4x2:nth-child(2n+1) .colInner{ margin-right: 10px; }
.col4 .col4x2:nth-child(2n+2) .colInner{ margin-left: 10px; }
/*----------------------------------------------*/
/* modalWindow
/*----------------------------------------------*/
.modalWindow .header {
	z-index: 2;
	background-color: #333;
	color: #FFF;
	margin: 0;
	padding: .5em;
	font-size: 18px;
	background-colr: #423c3c;
	/* Old browsers */
	background-image: linear-gradient(to bottom, #423c3c 0%, #423c3c 50%, #2c2220 51%, #3d3533 100%);
	text-shadow: -1px -1px 0 #333;
	box-shadow: 0 0 5px #333;
}
.modalWindow .headerFixed {
	position: fixed !important;
	width: 100%;
	top: 0;
	left: 0;
	box-sizing: border-box;
}
/*----------------------------------------------*/
/* form
/*----------------------------------------------*/
form ol,
form li{ border: dashed #CCC; }
label[for]{ cursor: pointer; }
form select,
form input[type^=text] {
	vertical-align: middle;
	padding: 3px;
}
form label {
	display: inline-block;
	float: left;
}
form input[type^=text] {
	background-color: #F1F1F1;
	border: 1px solid #555;
	transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
form input:focus[type^=text] {
	background-color: #fff;
	box-shadow: 0 0 5px #87CEFA;
	border: 1px solid #87CEFA;
}
form ol {
	padding-left: 0;
	border-width: 0 0 1px 0;
}
form ol li {
	overflow: hidden;
	border-width: 1px 0 0 0;
}
form ol li small {
	display: inline-block;
	line-height: 1.2;
	font-size: 12px;
}
form ol .childList{ margin: -.5em 0; }
form ol .childList,
form ol .childList li:first-child{ border-top: none; }
form .labelSizeS label {
	width: 9em;
	margin-left: -10em;
}
form .labelSizeS li{ padding: 0.5em 0 0.5em 10em; }
form .labelSizeM label {
	width: 13em;
	margin-left: -14em;
}
form .labelSizeM li{ padding: 0.5em 0 0.5em 14em; }
form .inputSizeS input{ width: 5em !important; }
form .inputSizeM input{ width: 18.1em !important; }
form .inputSizeMM input{ width: 27.15em !important; }
form .inputSizeL input{ width: 36.2em !important; }
form .radioList input{ width: auto !important; }
form .radioList label {
	width: auto !important;
	float: none;
	margin-left: 0;
	vertical-align: middle;
	line-height: 1em;
}
form .radioList label + label,
form .radioList label + input{ margin-left: 1em; }
form select.error,
form input.error {
	background-color: #ffe9ec;
	padding: 3px;
	color: #4b4b4b;
	border-color: #e90011;
}
form p.error {
	background-color: transparent;
	padding: 0;
	margin-top: 3px;
	border: none;
}
.category-contact .main .logos,
.category-seminar .main .logos,
.skill-order .main .logos,
.tbp-order .main .logos {
	position: absolute;
	top: 16px;
	right: 0;
}
/*----------------------------------------------*/
/* select
/*----------------------------------------------*/
.selectDecoration {
	position: relative;
	font-size: 12px;
	border: 1px solid #CCC;
	border-radius: 4px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}
.selectDecoration select{ display: none; }
.selectDecoration .selectedOption{ overflow: hidden; }
.selectDecoration .selectedOption span,
.selectDecoration .selectedOption i {
	display: inline-block;
	vertical-align: middle;
}
.selectDecoration .selectedOption span:after {
	content: "";
	width: 0;
	height: 24px;
	vertical-align: middle;
	display: inline-block;
}
.selectDecoration .selectOptionList {
	overflow: hidden;
	position: absolute;
	left: 0;
	background-color: #fff;
	border: 1px solid #AAA;
	border-radius: 4px;
	box-shadow: 0 0 4px rgba(51, 51, 51, 0.3);
	z-index: 777;
}
.selectDecoration .selectOptionList li{ border-top: 1px solid #666; }
.selectDecoration .selectOptionList li:first-child{ border: none; }
.selectDecoration .allowDown {
	position: relative;
	float: right;
	overflow: hidden;
	width: 24px;
	height: 24px;
	text-indent: -777px;
}
.selectDecoration .allowDown:after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: '';
	display: block;
	border: 5px solid transparent;
	width: 0;
	height: 0;
	margin-left: -5px;
}
.selectDecoration .allowDown:after{ margin-top: -3px; }
.selectDecoration:active .allowDown:after{ margin-top: -2px; }
.select_default{ color: #333; }
.select_default .allowDown:after{ border-top-color: #666; }
.select_default:active .allowDown:after{ border-top-color: #999; }
.select_default .selectOptionList li:hover{ background-color: rgba(159, 216, 239, 0.5); }
.select_default .selectOptionList .current,
.select_default .selectOptionList .current:hover{ background-color: #83d6f7; }
.selectDecoration.disabled,
.selectDecoration.disabled:hover,
.selectDecoration.disabled:active{ background-color: #EEE; }
.selectDecoration.disabled .disabled {
	cursor: default;
	color: #666;
}
.selectDecoration.disabled .disabled .allowDown:after,
.selectDecoration.disabled .disabled:hover .allowDown:after,
.selectDecoration.disabled .disabled:active .allowDown:after{ border-top-color: #999; }
.selectDecoration.disabled .disabled .allowDown:after,
.selectDecoration.disabled .disabled:active .allowDown:after{ margin-top: -3px; }
/*----------------------------------------------*/
/* lib
/*----------------------------------------------*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}
#cboxWrapper{ max-width: none; }
#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft{ clear: left; }
#cboxContent{ position: relative; }
#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#cboxTitle{ margin: 0; }
#cboxLoadingOverlay,
#cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow{ cursor: pointer; }
.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic;
}
.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
	background: #333;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
#colorbox{ outline: 0; }
#cboxContent {
	margin-top: 32px;
	overflow: visible;
	background: #000;
}
.cboxIframe{ background: #fff; }
#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}
#cboxLoadedContent {
	background: #000;
	padding: 1px;
}
#cboxLoadingGraphic{ background: url("../img/lib/colorbox/loading.gif") no-repeat center center; }
#cboxLoadingOverlay{ background: #000; }
#cboxTitle {
	position: absolute;
	top: -22px;
	left: 0;
	color: #000;
}
#cboxCurrent {
	position: absolute;
	top: -22px;
	right: 205px;
	text-indent: -9999px;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	position: absolute;
	top: -20px;
	background: url("../img/lib/colorbox/controls.png") no-repeat 0 0;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active{ outline: 0; }
#cboxPrevious {
	background-position: 0px 0px;
	right: 44px;
}
#cboxPrevious:hover{ background-position: 0px -25px; }
#cboxNext {
	background-position: -25px 0px;
	right: 22px;
}
#cboxNext:hover{ background-position: -25px -25px; }
#cboxClose {
	background-position: -50px 0px;
	right: 0px;
}
#cboxClose:hover{ background-position: -50px -25px; }
.cboxSlideshow_on #cboxPrevious,
.cboxSlideshow_off #cboxPrevious{ right: 66px; }
.cboxSlideshow_on #cboxSlideshow {
	background-position: -75px -25px;
	right: 44px;
}
.cboxSlideshow_on #cboxSlideshow:hover{ background-position: -100px -25px; }
.cboxSlideshow_off #cboxSlideshow {
	background-position: -100px 0px;
	right: 44px;
}
.cboxSlideshow_off #cboxSlideshow:hover{ background-position: -75px -25px; }
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
	-ms-touch-action: none;
	touch-action: none;
	/* MSPointer events - direct all pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar {
	-ms-touch-action: auto;
	touch-action: auto;
}
.mCustomScrollBox {
	/* contains plugin's markup */
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr;
}
.mCSB_container {
	/* contains the original content */
	overflow: hidden;
	width: auto;
	height: auto;
}
/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container{ margin-right: 30px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; }
/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
	/* RTL direction/left-side scrollbar */
	margin-right: 0;
	margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; }
/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
	/* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
	position: absolute;
	width: 16px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{ right: -26px; }
/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
	/* RTL direction/left-side scrollbar */
	right: auto;
	left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; }
/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
	/* contains the draggable element and dragger rail markup */
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail {
	width: 2px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger {
	/* the draggable element */
	cursor: pointer;
	width: 100%;
	height: 30px;
	/* minimum dragger height */
	z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	/* the dragger element */
	position: relative;
	width: 4px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 12px;
	/* auto-expanded scrollbar */
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 8px;
	/* auto-expanded scrollbar */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }
/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
	margin-right: 0;
	margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }
/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	width: auto;
	height: 16px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; }
/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 2px;
	margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 30px;
	/* minimum dragger width */
	height: 100%;
	left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	/* auto-expanded scrollbar */
	margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 8px;
	/* auto-expanded scrollbar */
	margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }
/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
	position: absolute;
	height: auto;
	width: auto;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-right: 30px;
	margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container {
	padding-right: 30px;
	padding-bottom: 30px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
	/* RTL direction/left-side scrollbar */
	margin-right: 0;
	margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
	padding-right: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
	padding-bottom: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
	/* non-visible scrollbar */
	margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }
/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
	-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
	-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}
/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
	opacity: 0.75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
	opacity: 0;
	filter: "alpha(opacity=0)";
	-ms-filter: "alpha(opacity=0)";
}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.4);
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.75);
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.85);
	filter: "alpha(opacity=85)";
	-ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
	background-image: url(trd/img/lib/mCSB_buttons.png);
	/* css sprites */
	background-repeat: no-repeat;
	opacity: 0.4;
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 0;
	/* 
	sprites locations 
	light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
	dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
	*/
}
.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -20px;
	/* 
	sprites locations
	light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
	dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -40px;
	/* 
	sprites locations 
	light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
	dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
	*/
}
.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -56px;
	/* 
	sprites locations 
	light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
	dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
	opacity: 0.75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
	opacity: 0.9;
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)";
}
/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0, 0, 0, 0.85); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0, 0, 0, 0.9); }
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; }
/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 6px;
	margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }
/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; }
/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 2px;
	margin: 7px auto;
}
/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.15);
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 14px;
	margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 14px;
	margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 16px;
	/* auto-expanded scrollbar */
	height: 16px;
	margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 4px;
	/* auto-expanded scrollbar */
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 16px;
	/* auto-expanded scrollbar */
	width: 16px;
	margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 4px;
	/* auto-expanded scrollbar */
	margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.15);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	background-color: transparent;
	background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
	background-repeat: repeat-y;
	opacity: 0.3;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)";
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0;
	background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-y;
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)";
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
	width: 8px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.2);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 8px;
	margin: 4px 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 8px;
	margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.1);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)";
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
	bottom: 1px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
	width: 12px;
	margin: 2px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.05);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #fff;
	background-color: rgba(0, 0, 0, 0.05);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
	right: 0;
	margin: 12px 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: 0;
	margin: 0 12px;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
	left: 0;
	right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)";
}
/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)";
}
/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 6px;
	margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; }
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 12px;
	margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.1);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	width: 12px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	margin: 3px 5px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 6px;
	margin: 5px 3px;
	position: absolute;
	width: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 12px;
	margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.1);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	border-color: rgba(255, 255, 255, 0.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
	border-color: #000;
	border-color: rgba(0, 0, 0, 0.2);
}
/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.6);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.6);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.75);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.85);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
}
/* ---------------------------------------- */
/*----------------------------------------------*/
/* error
/*----------------------------------------------*/
.error {
	margin: 0 auto;
	border: 1px solid red;
	color: red;
	background-color: lightgoldenrodyellow;
	padding: 1em;
}
#newsList .dottedList .news--beef_grading__item{ padding-left: 0; }
#newsList .dottedList .news--beef_grading__item img{ vertical-align: top; }
.banner__btn{ display: block; }
.banner__img{ vertical-align: top; }
.wrapBoxA .banner__caption,
.wrapBoxB .banner__caption,
.wrapGrayBoxA .banner__caption{ margin-bottom: 0; }
div + .banner{ margin-top: 20px; }