﻿.syn-men li:hover
{	
	background-color: transparent;
}
.syn-men a.current
{	
	background-color:transparent;
}
.syn-men-link-active
{	
	background-color:transparent;
}
.syn-men-button-active
{	
	background-color:transparent;
}

.dropdown:after
{
	content: "\25BC";
}
.contentMenuItem
{
    padding-top: 5px;
}
.contentMenuItem div
{
    padding-top: 10px;
    font-weight: bold;
}

.syn-men li div
{
    padding-top: 10px;
}
.syn-men li a, .syn-men li a:visited, .syn-men li a:active
{ 
    color: #0023a0; 
    text-decoration: none; 
    padding-top: 5px;
}
.syn-men li a:hover, .syn-men li a:focus 
{ 
    color: #0023a0; 
    text-decoration: underline; 
}

.syn-men li
{
    margin: 0px;
}

/* Top Navigation
------------------------------------------------------------------------------*/
.topnav { background: url(/USBank/images/Menubar-Main.gif) no-repeat;  padding-top: 0px; margin-top: 0px; background-position: left top; }
.primaryNavLink { font-size: 11pt; color: white !important;font-weight: bold;}
.secondaryNavLink { font-size: 9pt; }
.secondaryLeft {  float: right; padding-top: 0px; padding-left: 10px; height: 32px; background: url(/USBank/images/MenuSecondary-left.png) no-repeat left; }
.secondaryRight { float: right; padding-top: 0px; padding-right: 10px;height: 32px;  background: url(/USBank/images/MenuSecondary-right.png) no-repeat right; }
.secondary { float: right; white-space: nowrap; vertical-align:text-top; vertical-align:bottom; }
.secondary a { padding-right:0px; }
.menubar li { padding-right:12px;}

.secondary > div
{
    padding-top: 7px;
}

#divPrimary { padding-top: 7px; }

#divMegaMenuTabLeft
{
	width:11px;
	height:30px;
    z-index:5000;
    margin-top: -5px;
}

.MegaMenuTabLeft_selected {
    background: #ffffff url('/USBank/images/Menutab_left.gif') no-repeat left;
    position: relative;
}

.openLinkContainer a
{
    color: white !important;
}

.openLinkContainer_selected {
    z-index: 5000;
    background: #ffffff url('/USBank/images/Menutab_right.gif') no-repeat right center;
    height: 30px;
    padding-right: 10px;
    margin-top: -5px;
    position: relative;
}

.openLinkContainer_selected > div
{
   padding-top: 5px;
}

.openLinkContainer_selected a
{
    color: #08379d !important;
}

    .openLinkContainer_selected #divOpenArrow {
        background: url('/USBank/images/MenuArrow_roll.gif') no-repeat right bottom;
        height: 15px;
        width: 20px;
        z-index: 5000;
        padding-top: 5px;
    }

.openLinkContainer #divOpenArrow {
    background: url('/USBank/images/MenuArrow01.gif') no-repeat right bottom;
    height: 15px;
    width: 20px;
    z-index: 5000;
    padding-top: 1px;
}

.megaMenuHeader
{
    color: white;
    font-size: 11pt;
    z-index:5000;
    font-weight: bold;
}

.megaMenuSectionHeader
{
    font-size: larger;
    font-weight: bold;
}
.megaMenu 
{
    padding-left:0px;
    border-color:#06359C;    
    -moz-border-radius: 0px 10px 10px 10px;
    border-radius: 0px 10px 10px 10px;
}
.megaMenu UL
{
    padding-top: 5px;
    padding-bottom: 10px;
}
.megaMenu UL LI
{
    padding-bottom: 5px;
}

.megaMenuColumn
{
    border-left: 1px solid #ccc;
    margin-left: 5px;
    float: none;
}
.megaMenuColumnFirst
{
    border-left: 0px !important;
}

.menuSeparatorFirst
{
	border-color:#bbbbbb;
	height:15px;
	vertical-align:text-top; 
}
.menuSeparator
{
	border-color:#bbbbbb;
	height:17px;
	vertical-align:text-top; 
}
.menuSeparatorLast
{
	border-color:#bbbbbb;
	height:17px;
	vertical-align:text-top; 
}
/*for input control label, might need to move to UIF*/
.screenreader{
   clip: rect(1px, 1px, 1px, 1px); 
   height: 1px; 
   width: 1px; 
   overflow: hidden; 
   position: absolute !important;
}
/* new kendo portal menu */
#div-portal-menu .k-header{
    color: white !important;
}

/*#synHeader_lnkMyProfile, #synHeader_lbLogOut{
    color: white !important;
*/
#div-user-menu{
    float: right;
    margin-right: -100px;
}
#open-menu .k-animation-container .k-item.k-hover > .k-link{
    background-color: white !important;
    color: black !important;
}
#open-menu .k-animation-container .k-item.k-hover{
     border-top: 0 none !important;
  border-bottom: 0 none !important;
}
#div-portal-menu .k-menu .k-item .k-link, #div-user-menu .k-menu .k-link{
    text-transform: none;
}
.s-multiMenulist tr{
    vertical-align: top;
}
.s-multiMenulist .menuSectionheader{
    font-size: larger;
    font-weight: bold;
}
.s-multiMenulist ul{
    padding: 5px 0 10px 0;
    list-style: none none outside;
    white-space: nowrap;
    margin: 0;
}
.s-multiMenulist ul li{
    padding-bottom: 5px;
}
.s-multiMenulist .multiMenuColumn{
    border-left: 1px solid #ccc;
    margin-left: 5px;
    padding-left: 10px;
    float: none;
}
.s-multiMenulist .multiMenuColumnFirst{
    border-left: 0px !important;
}

#div-user-menu li[data-id="myprofile-menu"] > .k-link {
    padding: 0 !important;
}
#div-user-menu li[data-id="myprofile-menu"] a {
    padding: 3px 33px 2px 8px !important;
}

#div-user-menu li:focus{
    outline: 1px dotted #ffa000  !important; 
}
.portal-master-form{
    padding-top: 10px;
}
#synHeader_lnkMyProfile {
    color: black !important;
}
#open-menu, #username-menu{
        border-right: none !important;
 }
.k-menu .k-hover > .k-link #synHeader_lnkMyProfile,
.k-menu .k-hover > #synHeader_lbLogOut
{
    color: #ffffff !important;
}
#synHeader_lnkMyProfile:hover, #synHeader_lnkMyProfile:focus{
    text-decoration:none !important;
}



/*	Breadcrumbs
------------------------------------------------------------------------------
.breadcrumbs { background: url(/USBank/images/bkg_header.png) repeat-x bottom; }
.breadcrumbs ul { float: left; }
.breadcrumbs ul li {
	background: url(/USBank/images/separator.png) no-repeat 100% 50%;
	display: inline;
	float: left;
	margin-right: 10px;
	padding-right: 5px;
}
.breadcrumbs ul li:last-child { background: none; }

.breadcrumbs ul li a,
.breadcrumbs ul li span {
	display: block;
	padding: 5px 12px 10px 0;
	text-decoration: none;
}
.breadcrumbs ul li a.megamenutoggler {
	background: url(/USBank/images/arrow-down.gif) no-repeat 100% 10px;
	margin-right: 10px;
}
.breadcrumbs ul li a:hover { text-decoration: underline; }
*/
