clipbucket/upload/styles/cbv2new/layout/header.html

<!-- Loading Quicklist Box -->
<div id="quicklist_box" class="quicklist_box"></div>

<div id="header">
	<div class="logo"> <a href="{$baseurl}"><img src="{$imageurl}/dot.gif" alt="{$title} Logo" name="logo_icon" border="0" id="logo_icon" title="{$title}" ></a>
</div> <!--LOGO END-->
    <div class="login_con clearfix">
        <div class="user_login clearfix">
        {if !$userquery->login_check('',true)}
        	<a href="{$baseurl}/forgot.php" class="forget" title="Forget Username/Password, Click Here"></a>
            <form action="{link name='login'}" method="post" name="login">
                <input type="text" value="Username" id="username" name="username"  />
                <input type="password" value="Password" id="password" name="password"  />                
                <input type="submit" value="Login" id="login" name="login"  />
                <input type="checkbox" name="rememberme" id="rememberme"  /> <span class="remember">Remember Me</span>
			</form> 
        {else}
        	<div class="avatar">
            	<div style="width:40px; height:40px; background:#EEE; margin:0px; padding:0px;"><img src="{$userquery->getUserThumb($udetails,'small')}" class="mid_user_thumb" /></div>
            </div>
            <div class="txt">Hello {$userquery->username} | <a href="{link name='logout'}">Logout</a></div>
            <div class="links"><a href="{link name='inbox'}">Inbox ({$cbpm->get_new_messages()})</a> | <a href="{link name='notifications'}">Messages ({$cbpm->get_new_messages('','notification')})</a> | <a href="{link name='my_account'}">Account</a> | <a href="{link name='my_videos'}">Videos</a></div>
        {/if} 
        </div> <!--USER_LOGIN CLASS END-->
      
         <div id="user_login">
            <a href="javascript:void(0)">
            {if !$userquery->login_check('',true)}
            	Login
            {else}
            	My Info
            {/if}    
            </a>
        </div> <!--USER_LOGIN ID END-->
    </div> <!--LOGIN_CON END-->    
</div> <!--HEADER ID END-->

<div class="top_tabs clearfix">
    <ul>
        <li><a href="{$baseurl}" {current_page page='home'}>Home</a></li>
        <li><a href="{link name='videos'}"  {current_page page='videos'}>Videos</a></li>
        <li><a href="{link name='channels'}" {current_page page='channels'}>Channels</a></li>
        <li><a href="{link name='groups'}" {current_page page='groups'}>Groups</a></li>
        {if !userid()}
        <li><a href="{link name='signup'}" {current_page page='signup'}>Signup</a></li>
        {else}
        <li><a href="{link name='upload'}" {current_page page='upload'}>Upload</a></li>
        {/if}
    </ul>
</div> <!--TOP_TABS END-->

<div id="navi_con">
    <div class="navi">
        <ul>
        {section name=c_list loop=$cat}
            <li><a href="{link name='category' data=$cat[c_list] type=v}">{$cat[c_list].category_name}</a></li>
         {/section}   
         </ul>
<div class="search_con">
            	<form action="{link name='search_result'}" method="get" name="search" id="search" style="margin:0px; padding:0px;">
                	<input name="query" id="query" type="text" class="searchbar" value="{'query'|get_form_val:true}" />
                    <input name="submit" type="submit" class="searchbutton" value="Search" />
                </form>
            </div> <!--SEARCH_CON END-->
    </div> <!--NAVI END-->
</div> <!--NAVI_CON END-->
<div class="clearfix"></div>