Tab Menu CSS:
====================

Css

ul.nav-list

{

    width:100%;

    margin: 0 auto; /*If the menu has a width, this "margin:0 auto;" makes the menu center-aligned. You can remove it for left-alignment, or change it to "margin-left:auto; margin-right:0;" for right-alignment.*/

    text-align:left;

    list-style:none;

    padding:0;

    font-size:0;

    position:relative;

}

ul.nav-list:after

{

    content:'.'; width:100%;height: 0; border-bottom: 1px solid #438EB9;

}

       

ul.nav-list li

{

    display:inline;

    list-style:none; padding:0;

    margin-top:0;margin-bottom:0;

    margin-left:0;margin-right:-1px;

}

ul.nav-list li a

{

    letter-spacing:normal;

    color:#666666;

    padding:0 14px;

    line-height:26px;

    font-size:14px;

    font-weight:normal;

    font-family:Arial;

    text-decoration:none;

    display:inline-block;

    outline:0;

    border:1px solid #438EB9;

    background:#F7F7F7;

    position:relative;

    top:1px;

    z-index:4; 

    border-radius:4px 4px 0 0;

}

ul.nav-list li.active a

{

    padding-bottom:2px;

    background: white;

    border:1px solid #438EB9;

    color:#000000;

    border-bottom-color:White;

}

 ===========================

  <div style="width: 1059px; margin-top: 13px">

                           <ul class="nav nav-list">

                               <li class="active open hover">

                                    <a href='<%= Url.Action( "Home", "Home")%>' title="Home Page" >

                                        <icon class="green ace-icon glyphicon glyphicon-home"></icon>

                                        Home

                                    </a>

                                </li>

                                <li class="hover">

                                 <a href='<%= Url.Action( "Process_Home", "Process")%>' title="Process Page" >

                                        <icon class="blue ace-icon glyphicon glyphicon-cog"></icon>

                                        Process

                                    </a>

                                </li>

                                <li class="hover">

                                     <a href='<%= Url.Action( "status_home", "Status")%>' title="Status Page" >

                                        <icon class="pink ace-icon glyphicon glyphicon-hourglass"></icon>

                                        Status

                                    </a>

                                </li>

                                <li class="hover">

                                     <a href='<%= Url.Action( "report_home", "Reports")%>' title="Reports Page" >

                                            <icon class="orange ace-icon glyphicon glyphicon-file"></icon>

                                           Reports

                                        </a>

                                </li>

                                <li class="hover"><icon class="grey ace-icon  glyphicon glyphicon-picture"></icon> Map

                                </li>

                                <li class="hover"><icon class="brown ace-icon glyphicon glyphicon-triangle-bottom"></icon> Help

                                </li>

                                                </ul>

        </div><!-- /Header -->