/*******userbar***************/
#userbar{
  background-color: #777;
  background-image: -moz-linear-gradient(bottom,#666,#7f7f7f);
  background-image: -webkit-gradient(linear,left bottom,left top,from(#666),to(#7f7f7f));
  height:28px;
  padding:0;
  font-size:12px;
  font-weight:normal;
  margin-bottom:10px;
  font-size:13px;
}

#userbar a {
 
}
  .userbar-account{
    float:right;
    line-height:28px;

  }
  
  .userbar-application{
    float:left;
  }
    .userbar-application ul{
    }
    .userbar-application li{
      float:left;
      line-height:28px;
      
    }
    .navbar {padding:0; margin:0; list-style:none; height:28px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
    .navbar li.top {display:block; float:left; height:28px;font-size:13px}
    .navbar li.top a{text-decoration:none}
    
    .navbar li a.top_link, .navbar > li > a{display:block; float:left; height:28px; line-height:24px; font-size:13px; padding:0 7px; cursor:pointer;text-shadow: #555 0 -1px 0;border-right: 1px solid #686868;border-left: 1px solid gray;color:#ddd;}
    .navbar li a.top_link span {float:left; display:block; padding:0 3px 0 3px; height:23px; }
    .navbar li a.top_link span.down {float:left; display:block; padding:0 9px 0 3px; height:23px;background:url(images/admin-bar-sprite.png) no-repeat right -52px}

    .navbar li:hover > a {background:#555;color:#fff}
    .navbar li:hover a.top_link {background:#555;color:#fff}
    .navbar li:hover a.top_link span {}
    .navbar li:hover a.top_link span.down {}
    
    .navbar li.big { width: 160px; }
    .navbar li.big > a { width: 144px; }
    

    .navbar li.home-button a{
      background: url(images/home-icon.png) no-repeat center center;
      width: 20px;
    }
    
    .navbar li:hover.home-button a{
      background-color: #555;
    }    

    /* Default list styling */

    .navbar li:hover {position:relative; z-index:200;}

    .navbar li:hover ul.sub
    {left:1px; top:28px; background: #fff; border:1px solid #dfdfdf; border-top:0; white-space:nowrap; width:150px; height:auto; z-index:300;}
    .navbar li:hover ul.sub li
    {display:block; height:28px; position:relative; float:left; width:150px; font-weight:normal;}
    .navbar li:hover ul.sub li a
    {display:block; height:28px; width:138px; line-height:28px; text-decoration:none; padding:0 6px;color:#555;}
    .navbar li:hover ul.sub li a:hover 
    {background:#555;color:#fff;text-shadow: #666 0 -1px 0;}

    .navbar ul
    {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
    
/*********** login **************/
.login-wrapper{
  border:1px solid #c3d9ff;
  padding:3px;
  margin-left:auto;
  margin-right:auto;
  width:450px;
  margin-top:10%;
}

.login-content{
  background-color:#e8eefa;
  padding:5px;
  text-align:center;
}
  .login-content table{width:100%;background-color:transparent;margin-top:15px}
  .login-content td{width:50%;text-align:left;border:0;padding:4px;background-color:transparent;}
  .login-content td.label{text-align:right;}
  .login-content td input[type=text], .login-content td input[type=password]{width:150px;padding:2px;}
  .login-content h2{
    font-size:13px;
    font-weight:bold;
    line-height:20px;
    margin-bottom:0px;
  }
  .login-buttons .button{
    float:none;
    margin: 0 auto;
    width:100px;
  }    
  
.button{
    float:left;
    display:block;
    border:1px solid #aaa;
    padding:0px 7px;
    text-decoration: none;
    color:#333;
    background:url(images/button-bg.gif) repeat-x left top;
    height:20px;
    line-height:20px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius: 2px;
    font-size:12px;
    margin-right:10px;
}
:hover.button{
    border-color:#888888;
    color:#000;
    text-decoration:none;
}
:active.button{
    background-position: left bottom;
}