<div class="topheader">
<div class="inner">
  <div class="topleftmenu">
    <a onmouseover="showtip('Click để vào trang chủ')" onmouseout="hidetip()" href="/">Trang chủ</a>
          <a onmouseover="showtip('Click để vào diễn đàn')" onmouseout="hidetip()" href="/forum">Diễn đàn</a>
    <a onmouseover="showtip('Chia sẻ những ước mơ của bạn')" onmouseout="hidetip()" style="color:yellow;" target="_blank" href="/f2-forum"><img src=http://i43.servimg.com/u/f43/17/73/81/42/th_19010.gif/>Vườn Ước Nguyện<img src=http://i43.servimg.com/u/f43/17/73/81/42/th_19010.gif/></a>
    <a onmouseover="showtip('Shop Auto')" onmouseout="hidetip()" style="color:yellow;" target="_blank" href="/h96-page"><img src=http://i17.servimg.com/u/f17/17/59/85/75/hot10.gif/>Shop Auto<img src=http://i17.servimg.com/u/f17/17/59/85/75/hot10.gif/></a>
       
  </div>
<!-- BEGIN switch_user_logged_out -->
<div class="toprightmenu">
 
  <a onmouseover="showtip('Click vào đây để đăng nhập vào diễn đàn')" onmouseout="hidetip()" href="/login">Đăng Nhập </a>
<a onmouseover="showtip('Nếu bạn chưa có tài khoản thì vào đây là đúng rùi đó')" onmouseout="hidetip()" href="/register">| Ðăng kí</a>
</div>
 
  <!-- END switch_user_logged_out -->
  <!-- BEGIN switch_user_logged_in -->
<div class="toprightmenu">
<a onmouseover="showtip('Click vào đây để chỉnh sửa thông tin cá nhân')" onmouseout="hidetip()" href="/profile?mode=editprofile" class="username">
  <span><img src="http://cdn3.iconfinder.com/data/icons/fatcow/16x16_0460/group.png"/>Thông tin cá nhân </span>|
          </a>
<a onmouseover="showtip('Click vào đây để sửa hoạc thêm chữ kí')" onmouseout="hidetip()" href="/profile?mode=editprofile&page_profil=signature"><img src="http://i43.servimg.com/u/f43/17/43/09/69/deskto10.png"/>Chữ ký</a> |
  <a onmouseover="showtip('Vào đây để chình sửa avatar của bạn')" onmouseout="hidetip()" href="/profile?mode=editprofile&page_profil=avatars"><img src="http://cdn4.iconfinder.com/data/icons/REALVISTA/web_design/png/16/graphic_design.png"/>Avatar</a> |
 <a onmouseover="showtip('{PRIVATE_MESSAGE_INFO}')" onmouseout="hidetip()" href="{U_PRIVATEMSGS}" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()"><img src="http://hitskin.com/themes/16/32/01/i_msg_inbox.png"/>Tin Nhắn</a> |
  <a onmouseover="showtip('Goodbye, lần sau rảnh nhớ ghé diễn đàn của mình nhé')" onmouseout="hidetip()" href="/login?logout"><i><img src="http://cdn3.iconfinder.com/data/icons/lynx/16x16/stock/generic/stock_exit.png"/>Thoát</i></a>
  </div>
  <!-- END switch_user_logged_in -->
</div>
</div>
<style>
.toprightmenu .notifynumber {
background-color: #F03D25;
border: 1px solid #D83722;
border-bottom: 1px solid #C0311E;
border-top: 1px solid #E23923;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 0 rgba(0, 39, 121, .77);
box-shadow: 0 1px 0 rgba(0, 39, 121, .77);
display: inline-block;
padding: 0 1px;
color: white;
font-size: 9px;
font-weight: bold;
position: relative;
top: -12px;
right: 1px;
}
ul.dropmore
{
display:none;
position:fixed;
right:5px;
top:25px;
background-color:#464646;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
list-style:none;
padding:0px;
text-align:left;
z-index:999;
}
ul.dropmore li:hover
{
  background-color:#292929;
}
ul.dropmore li a
{
  color: #FFF;
  font: inherit;
  display: block;
  padding: 10px;
text-decoration:none;
}
.topheader .inner .toprightmenu .more {
width: 20px;
height: 40px;
    background: url("http://i.imgur.com/wXL9p.png") 0px 0px no-repeat;;
float: right;
}
.toprightmenu .username .avatar {
height: 31px;
width: 31px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 0px;
border: 2px solid #CCC;
float: left;
margin-right: 4px;
margin-top: -9px;
}
.toprightmenu .username {
height: 40px;
display: block;
float: left;
padding-left: 5px;
padding-right: 5px;
color: white;
text-decoration: none;
text-shadow: 1px 1px 0px #121212;
}
#mask {
  display: none;
  background: #000;
  position: fixed; left: 0; top: 0;
  z-index: 10;
  width: 100%; height: 100%;
  opacity: 0.9;
  z-index:99998;
cursor:pointer;
}
.login-popup{
display:none;
background: #fff;
border: 2px solid #ddd;
position: fixed;
z-index:999999999;
}
img.btn_close {
  float: right;
  margin: -15px -15px 0 0;
}
#loginform
{
  padding: 20px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  width: 400px;
}
#loginform label
{
  font-weight: bold;
  margin-top: 10px;
  display: block;
  font-size: 14px;
  margin: 0px 20px;
}
#loginform .loginbutton, #loginform .forgotbutton
{
  background: #25AAE1;
  padding: 8px 10px;
  color: #FFF;
  border: 0px;
  cursor: pointer;
  font-size: 13px;
  margin-left: 5px;
  display: inline-block;
}
#loginform .loginbutton:hover, #loginform .forgotbutton:hover
{
  background: #008EFF;
}
#loginform #navbar_username,#loginform #navbar_password,#loginform #navbar_password_hint
{
  padding: 8px;
  font-size: 13px;
  display: block;
  margin: 0px 20px;
  width: 340px;
}
#loginform .remember
{
  margin: 5px 0px;
}
#loginform .actionbutton
{
  text-align: right;
  margin: 0px 20px;
}
.topheader{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-transform: none;
color: white;
background-color: #464646;
text-align: center;
vertical-align: top;
overflow: hidden;
position: fixed;
top: 0px;
left: 0px;
z-index: 999;
display: block;
height: 40px;
width: 100%;
}
.topleftmenu
{
display: inline-block;
float: left;
}
.topleftmenu a
{
  color:#FFF;
  text-shadow: 1px 1px 0px #121212;
  text-decoration:none;
  display:inline-block;
  padding:12px;
}
.toprightmenu a
{
  color:#FFF;
  text-shadow: 1px 1px 0px #121212;
  text-decoration:none;
  display:inline-block;
  padding:12px;
}
.topheader .inner .topleftmenu a:hover
{
 background-color:#292929;
}
.topheader .inner .toprightmenu a:hover
{
 background-color:#292929;
}
.toprightmenu
{
padding-right:10px;
float: right;
}
.clear{
clear: both;
height: 0px;
line-height: 0px;
border: 0px;
display: block;
}
</style>