@import url(../../base/css/top_menu.css);

table.topMenu {
	width: 125px;
}
	.content.mCustomScrollbar {
	background-color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
	-moz-box-shadow:0 3px 8px rgba(0, 0, 0, .3);
	-webkit-box-shadow:0 3px 8px rgba(0, 0, 0, .3);
    box-shadow:0 3px 8px rgba(0, 0, 0, .3);
	float: right;
	margin: 0 0 10px 0;
	width: 130px;
	max-height: 640px;
}
table.topMenu td {
    position: relative;
    height: 42px;
    background-color: transparent;
    vertical-align: middle;
	display: inline;
}
table.topMenu td.top ul.sub {
    padding: 5px;
    background-color:#FFFFFF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid rgb(180, 180, 180);
	border: 1px solid rgba(100, 100, 100, .4);
	box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	margin: 10.5px 0 0;
	width: 160px;
	margin-left: -1px;
	margin-right: -1px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {  
table.topMenu td.top ul.sub { margin: 11px 0 0; } 
}
table.topMenu ul.more_sub {
    padding: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid rgb(180, 180, 180);
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	width: 160px;
	left: -170px;
}
table.topMenu td.top ul.main_elements {
    right:0px;
	left: inherit;
}
table.topMenu td.top:hover a.top_link:before,
table.topMenu td.top:hover a.top_link:after {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.dropdown-caret .caret-outer {
    border-bottom: 12px solid transparent;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
	width:100px;
}
.dropdown-caret .caret-outer, .dropdown-caret .caret-inner {
    right: 0;
    margin-top: -7px;
	margin-right: -126px;
    top: 0;
	float: right;
	position: relative;
	z-index: 10001;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {  
.dropdown-caret .caret-outer, .dropdown-caret .caret-inner { margin-right: -125px; } 
}
.dropdown-caret .caret-inner {
    border-bottom: 8px solid #FFFFFF;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    display: inline-block;
    left: 1px;
    top: 1px;
}

.dropdown-carets .caret-outers {
    border-bottom: 12px solid transparent;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
	width:100px;
}
.dropdown-carets .caret-outers, .dropdown-carets .caret-inners {
    right: 0;
    margin-top: -9px;
	margin-right: -65px;
    top: 0;
	float: right;
	position: relative;
	z-index: 10001;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {  
.dropdown-carets .caret-outers, .dropdown-carets .caret-inners { margin-right: -64px; } 
}
.dropdown-carets .caret-inners {
    border-bottom: 8px solid #FFFFFF;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    display: inline-block;
    left: -2px;
    top: 2px;
}

div.sys_page_icon {
	margin-left: -17px;
}
div.sys_page_icon .img_submenu.sys-icon {
    color:#141823;
    display:inline-block;
    font-size:32px;
    min-width:32px;
    padding-top:0px;
    text-align:center;
}
table.topMenu ul.sub li:hover a.button {
    background-color: #f8f8f8;
	border: 1px solid #BFBFBF;
	margin: -1px !important;
}
table.topMenu ul.sub li a.button {
	color:#141823;
}
table.topMenu a, 
table.topMenu a:link, 
table.topMenu a:visited, 
table.topMenu b {
    border-width:0;
    color:#141823;
    display:block;
    font-weight:normal;
    height:30px;
    line-height:30px;
    position:relative;
    text-decoration:none;
    text-shadow:none;
    text-transform:capitalize;
    z-index:20;
	margin: 2px 0px 0px 0px;
	border-bottom: 1px solid #e9eaed;
	overflow: hidden;
}
table.topMenu ul.sub ul.more_sub a.button {
	background-color:#FFFFFF !important;
	color:#141823 !important;
	border: 0px solid #CCCCCC !important;
	margin: 1px !important;
}
table.topMenu ul.sub ul.more_sub li:hover a.button {
	background-color:#f8f8f8 !important;
	opacity: 0.9 !important;
	border: 1px solid #BFBFBF !important;
	margin: 0px !important;
}
table.topMenu td#tm_active a.top_link, table.topMenu td#tm_active a.top_link:link, table.topMenu td#tm_active a.top_link:visited, table.topMenu td#tm_active a.top_link:active {
    color:#141823;
    text-shadow:none;
	2px -7px 0px -7px
}
table.topMenu td.top:hover a span.down, table.topMenu td.top:hover b span.down, table.topMenu td.top a:hover a span.down, table.topMenu td.top a:hover b span.down {
    color: #e9eaed;
	background-color: #425691;
	box-shadow: 0px 0px 0px 1px rgb(66, 81, 126);
	-webkit-box-shadow: 0px 0px 0px 1px rgb(66, 81, 126);
	-moz-box-shadow: 0px 0px 0px 1px rgb(66, 81, 126);
    text-shadow: 0 -1px rgba(0, 0, 0, .5);
	height: 21px;
}

div.subMenu a.sublinks,
div.subMenu a.sublinks:link,
div.subMenu a.sublinks:visited {
	color: #141823;
}
div.subMenu div.act {
	color: #000000;
}
.sys_sm_cnt {
	margin-top: 40px;
}
div.subMenu {
	margin-left: 10px;
	margin-right: 10px;
	min-height: 40px;
	background-color: #fff;
	border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border: 1px solid #BFBFBF;
	border-top: 5px solid #fff;
	line-height: 1.2;
}
.subMenuCnt {
	margin-top: 1px;
}
div.subMenu div.sys-icon.bullet:before {
	display: none;
}
div.subMenu div.bullet {
    padding: 0;
	font-weight: normal;
	color: #fff;
	height: 48px;
	background: #d3d6db;
	width: 1px;
	margin-left: 7px;
	margin-right: 7px;
}
div.sys_main_menu {
    background-color: transparent;
    border-bottom: 0 solid #FFFFFF;
    border-top: 0 solid #FFFFFF;
    box-shadow: none;
    min-height: 0;
    position: relative;
    z-index: 100;
	float: right;
	width: 142px;
    margin-right: 10px;
}
a.sys-sm-link {
    color:#444444;
    font-size:14px;
}
div.sys_page_header a {
    color:#444444;
    text-decoration:none;
}
.mainLogo {
    float: left;
    margin-top: 3px;
    max-height: 38px;
}
table.topMenu a span.down, 
table.topMenu b span.down {
	position: relative;
    display: block;
    height: 22px;
	text-align: center;
	cursor: pointer;
	margin: 2px 0px 0px 0px;
	min-width: 26px;
	line-height: 1.6;
    top: 3px;
}
div.sys_page_actions div.sys_tm_login_join {
	height: 30px;
}
div.sys_bc {
    height: 32px;
    line-height: 32px;
}
div.sys_bc div.bc_divider {
    height: 32px;
    line-height: 32px;
}
.li_last_round {
    height: 0;
}
.sys_page_header.bx-def-padding-sec-left {
    max-width: 179px;
}
.sys-service-menu a {
	padding: 3px 6px 3px 6px;
    margin-top: 1px;
    margin-right: 1px;
}
.sys-service-menu .bullet {
    display: none;
}




/*--- Main Menu Section ---*/
div.sys_mm {
	position: relative;

	-webkit-overflow-scrolling: touch;
}
div.sys_mm_cnt {
	position: absolute;
	right:0;
}
	
/*--- Submenu Section ---*/
div.sys_sub_menu_holder {
	position: relative;
	display: none;
	height: 44px;
}
div.sys_smh_hidden {
	display: none;
}
div.sys_smh_visible {
	display: block;
}
div.sys_sub_menu {
    z-index: 5;
	margin: 0px;
	background-color: rgba(255, 255, 255, 0.9);
	margin-top:90px;
}
div.sys_sm_relative {
	position: relative;
}
div.sys_sm_fixed {
	position: fixed;
	width: 100%;
	top: 0px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}	
div.sys_sm {
    margin: 0px auto;
}
div.subMenu {
	min-height: 0px;

	background-color: transparent; 
	border: none;
}
div.subMenuCnt {
	padding-top: 6px;
	padding-bottom: 6px;
}
div.sys_page_icon,
div.sys_page_header,
div.sys_page_header_divider,
div.sys_page_submenu,
div.sys_page_actions {
	height: 32px;
	line-height: 32px;
}

div.sys_page_icon {
	width: 32px;

	text-align: center;
}
div.sys_page_icon div.thumbnail_image a {
	line-height: normal;
}
div.sys_page_header {
	z-index: 4;	
	font-size: 16px;
}
div.sys_page_submenu {
	z-index: 4;
	overflow: visible;
}
div.sys_ph_submenu_submenu {
	line-height: 22px;
}
div.sys_ph_submenu_submenu div.act,
div.sys_ph_submenu_submenu div.pas {
	padding: 5px 10px 5px 10px;

	border-bottom: 1px solid #e9eaed;

	text-transform: none;
	font-size: 16px;
}
div.sys_ph_submenu_submenu div.act {
}
div.sys_ph_submenu_submenu div.sys-bullet {
	display: none;
}
div.sys_ph_submenu_submenu a.sublinks,
div.sys_ph_submenu_submenu a.sublinks:link,
div.sys_ph_submenu_submenu a.sublinks:visited {
	color: #141823;
}
div.sys_ph_submenu_submenu a.sublinks:hover, 
div.sys_ph_submenu_submenu a.sublinks:active {
	text-decoration: underline;
}

/*--- Header Divider ---*/
div.sys_page_header_divider {
	position: relative;
	float: left;

	font-size: 20px;

	color: rgba(0, 0, 0, 0.2);
}

/*--- Header Submenu Submenu ---*/
div.sys_ph_submenu_submenu {
	position: absolute;
	display: none;
	background-color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
	-moz-box-shadow:0 3px 8px rgba(0, 0, 0, .3);
	-webkit-box-shadow:0 3px 8px rgba(0, 0, 0, .3);
    box-shadow:0 3px 8px rgba(0, 0, 0, .3);
	z-index: 5;
}
div.subMenu div.sys_ph_submenu_submenu div.act,
div.subMenu div.sys_ph_submenu_submenu div.pas,
div.subMenu div.sys_ph_submenu_submenu div.bullet {
	float: none;

	white-space: nowrap;
}

/*--- Header Actions ---*/
div.sys_page_actions a.menuLink {
	display: inline-block;

	width: 32px;
	margin-left: 10px;

	text-decoration: none;
	text-align: center;
	font-size: 24px;
}

/*+++ Header Actions: Share +++*/
div.sys-share-popup {
	width: 150px;
	z-index: 5;
}
div.sys-share-popup .rrssb-buttons {
	height: auto;
}
div.sys-share-popup .rrssb-buttons li {
	float: none;

	margin: 10px; 
}

/*--- Header Bottom Submenu ---*/
div.sys_page_submenu_bottom {
	position: relative;
	float: left;
	z-index: 2;

	line-height: 32px;
	font-size: 16px;
}
div.sys_page_submenu_bottom div.sys_ph_submenu_submenu div.bullet {
	display: none;
}
div.sys_page_submenu_bottom a.sys_page_header_submenu,
div.sys_page_submenu_bottom .sys-icon,
div.sys_page_submenu a.sys_page_header_submenu,
div.sys_page_submenu .sys-icon {
    text-decoration: none;

	line-height: 24px;
	font-size: 16px;
	color: #666666;
}

div.sys_page_status {
	z-index: 1;
}

/*--- Login/Join ---*/
div.sys_page_actions div.sys_tm_login_join {
    height: 32px;
}

.sys-icon.chevron-up, .sys-icon.chevron-down {
    padding-left: 3px;
}