/*Authstring menu styles*/
/* all the areas commented out can be moved to your local css file for overrides. */
/* This is the master blank file so please do not add any customization here to the share file. */
#authstring li {
    border-left: none;
}
#authstring.suppress-header-login ul li {
    display: block;
}
/* Targeting both first and second level menus */
#auth-drop li {
    float: left;
    position: relative;
}
#auth-drop li a {
/*   background: #d6cfbd; For a colored background tab */   
/*    border: 3px solid #4f4026; For a colored border */
    color: #000;
    display: block;
    margin: 0 5px 0 0;
    padding: 5px 8px;
}
#auth-drop li a:hover {
/*   background: #f7f7f7; For a colored hover */
   text-decoration: none;
}

/* Targeting the first level menu */
#auth-drop {
   display: block;
   height: 35px;
   padding: 10px 0;
   z-index: 1000;
   position: absolute;
   right: 0;
}
/* For colored borders with rounded corners 
#auth-drop > li > a {
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-topright: 10px;
   -webkit-border-top-left-radius: 10px;
   -webkit-border-top-right-radius: 10px;
}*/
/* Targeting the second level menu */
#auth-drop li ul {
/*   background: #e1ddd3; For a colored background tab */
/*   border: 3px solid #4f4026; For a colored borders*/
   color: #000;
   display: none;
   margin: -3px 0 0 0;
   width: 200px;
   position: absolute;
}
#auth-drop li ul li {
   width: 100%
}
#auth-drop li ul li a {
/*   background: none; If you are using colored background*/
/*   border: none; If you are using colored borders */
   line-height: 30px;
   margin: 0;
   padding: 0 0 0 5px;
}
/* If you are using colored tabs 
#auth-drop li ul li a:hover {
   background: #f7f7f7;
}*/

/* A class of current will be added via jQuery */
/* If you are using colored backgrounds.
#auth-drop li.current > a {
   background: #f7f7f7;
}*/
/* CSS fallback */
#auth-drop li:hover > ul.child {
   display: block;
}
#auth-drop li:hover > ul.grandchild  { 
   display: block; 
}