#Unified div.u_apps li a { box-sizing: content-box; }
#Unified div.u_butts a.u_account { box-sizing: content-box; }

#Unified {
  position:absolute;
  top:0;
  right:0;
  width:320px;  
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}

/**********************************************
BUTTONS
***********************************************/
#Unified div.u_butts div.u_waffleContainer {
  position:relative;
  display:inline-block;
  padding-top:14px;
  float:right;
}
#Unified div.u_butts a.u_waffle {
  display:block;
  position:relative;
  width:37px;
  height:37px;
  line-height:37px; 
  border-radius:19px;
  text-decoration:none;
  text-indent: -9999em;
}
#Unified div.u_butts a.u_waffle::before {
  position:absolute;
  top:7px;
  left:7px;
  color:#55565A;      
  font-size:23px;
  text-indent: 0;
}

#Unified div.u_butts a.u_waffle:hover {
  /*background-color:rgba(0,0,0,.05);*/
}
#Unified div.u_butts a.u_waffle.u_open {
  background-color:rgba(0,0,0,.03);
}
#Unified div.u_butts a.u_waffle.u_open::before {
  color:#303133;
}

#Unified div.u_butts div.u_accountContainer {
  display:inline-block;
  padding:18px 18px 0px 18px;
  float:right;  
  max-width: 250px;
  overflow: hidden;
}
#Unified div.u_butts a.u_account {
  display:block;
  position:relative;
  height:28px;
  border:1px solid #55565A;
  border-radius:14px;
  padding:0 10px;
  min-width: 120px;
  text-align: center;
  text-decoration:none;
  font-family:'Open Sans';
  font-size:13px;
  font-weight:500;
  line-height:28px;
  color:#55565A;
}
#Unified div.u_butts a.u_account:hover {
}
#Unified div.u_butts a.u_account.u_open,
#Unified div.u_butts a.u_account.u_open::before {
  background-color:rgba(0,0,0,.03);
  color:#303133;
  border-color:#303133;
}

/**********************************************
Mods for nav redisgn
***********************************************/

#Unified div.u_butts .signInIcon{
    display:none;
}
@media (max-width: 960px) {
  #Unified div.u_butts .signInIcon{
      display:inline;
  }

  #Unified div.u_butts .signInText{
    display: none;
  }

  #Unified div.u_butts a.u_account {
    min-width: 0px;
  }
  .unification-wrapper {
    margin-top: 8px;
  }

}




/**********************************************
PANELS
***********************************************/
#Unified div.u_panel {
  background-color:white;
  border: 1px solid rgba(0,0,0,.30);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}
#Unified ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}    
#Unified li {
  display: inline-block;
}

#Unified .u_triangleBorder,
#Unified .u_triangleBody {
  top:0px;
  left:0px;
  position:absolute;
  width: 0; 
  height: 0; 
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;  
  border-bottom: 9px solid white; 
}
#Unified .u_triangleBorder {
  top:-1px;
  border-bottom-color:rgba(0,0,0,.30);
}
#Unified .u_triangle {
  position:absolute;
  top: -1000px;
  opacity:0;
}
#Unified .u_triangle.u_open {
  top: 59px;
  opacity:1;
}
#Unified .u_waffleContainer .u_triangle {
  left: 10px;
}
#Unified .u_accountContainer .u_triangle {
  right: 100px;
}


/**********************************************
APPS PANEL
***********************************************/
#Unified div.u_apps {
  position:absolute;
  right:20px;  
  top:-1000px;
  opacity:0;
}
#Unified div.u_apps.u_open {
  top:67px;
  opacity:1;
}
#Unified div.u_apps div.u_panel {
  width:300px;
}
#Unified div.u_apps ul {
  padding:15px 0px 15px 15px;
}
#Unified div.u_apps li {
}
#Unified div.u_apps li span.u_i {
  display:block;
  position:relative;
  width:40px;
  height:40px;
  line-height:40px;
  margin-left:25px;
  margin-bottom:6px;
}
#Unified div.u_apps li span.icon {
  font-size:40px;
  color:#666666;
}
#Unified div.u_apps li span.icon-vw {
  position:absolute;
  top: -1px;
  left: 9px;
  color:#eaa443;
  font-size: 34px;
}
#Unified div.u_apps li span.icon-vwcurve {
  color:#ae1e23;
}
  
#Unified div.u_apps li span.icon-proposal {
  color: #dd682b;
}
#Unified div.u_apps li span.icon-events {
  color: #ffb546;
}
#Unified div.u_apps li a {
  display: block;
  padding-top:20px;
  height:70px;
  width:90px;
  color: #55565A;
  font-family:Sansation;
  font-size:12px;
  font-weight:800;
  text-align: center;
  text-decoration: none;
}

#Unified div.u_apps li a:hover {
  background-color: #F7F7F7;
}


/**********************************************
ACCOUNT PANEL
***********************************************/
#Unified div.u_account {
  position:absolute;
  right:20px;
  top:-1000px;
  opacity:0;
}
#Unified div.u_account.u_open {
  top:67px;
  opacity: 1;
}
#Unified div.u_account div.u_panel {
  width:300px;
  font-family:'Open Sans';
}
#Unified div.u_account div.u_panel div.u_name,
#Unified div.u_account div.u_panel div.u_email,
#Unified div.u_account div.u_panel div.u_institution,
#Unified div.u_account div.u_panel div.u_membership {
  padding:0 0 0 15px;
  font-size:14px;
  color:#55565A;  
}
#Unified div.u_account div.u_panel div.u_name {
  padding-top:20px;
  font-size:16px;
  font-weight:800;
}
#Unified div.u_account div.u_panel div.u_institution {
  padding-top:10px;
}
#Unified div.u_account ul {
  background-color:#e6e6e6;
  margin-top:20px;
  height:34px;
}
#Unified div.u_account li {
  float: left;
}
#Unified div.u_account li a {
  display: block;  
  height:34px;
  line-height:34px;
  width:149px;
  font-size:13px;
  text-align: center;
  text-decoration: none;
  background-color:#fafafa;
}
#Unified div.u_account li a.u_myaccount {
  color:#55565A;	
}
#Unified div.u_account li a.u_myaccount:hover {
  color:#303133;	
  background-color:#f7f7f7;
}
#Unified div.u_account li a.u_logout {
  color:#D0021B;
  width:150px;
  margin-left:1px;
}
#Unified div.u_account li a.u_logout:hover {
  color: #A60215;
  background-color:#f7f7f7;
}
