c# - Ribbon Office 2013 template -

i using following code try application has same format office 2013, must add reference project comes wpf 4.5 , system.windows.controls.ribbon. have problem, need when select tab, line missing complete, attached picture:

<window x:class="wpfapplication1.mainwindow"             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"             windowstartuplocation="centerscreen">          <window.resources>              <style targettype="ribbon">                 <setter property="background" value="white"/>                 <setter property="foreground" value="black"/>                 <!--<setter property="borderbrush" value="{x:null}"/>-->                 <!-- todo template                   how work? :/             -->             </style>              <style targettype="ribbongroup">                 <setter property="background" value="transparent"/>                 <!--<setter property="mouseoverbackground" value="transparent"/>                 <setter property="mouseoverborderbrush" value="transparent"/>-->             </style>                <style targettype="ribbontabheader">                 <setter property="background" value="white"/>                 <setter property="borderbrush" value="transparent"/>                 <setter property="fontsize" value="13"/>                 <setter property="padding" value="15,2,15,2"/>                 <setter property="borderthickness" value="1,1,1,5"/>                 <setter property="margin" value="1,0,1,0"/>                 <setter property="template">                     <setter.value>                         <controltemplate targettype="ribbontabheader">                             <controltemplate.resources>                                 <solidcolorbrush x:key="checkedbackground" color="#fff5f6f7"/>                                 <solidcolorbrush x:key="checkedborderbrush" color="#ffdbdcdd"/>                                 <!--<solidcolorbrush x:key="focusedbackground" color="#fffdfdff"/>                                 <solidcolorbrush x:key="focusedborderbrush" color="#ffedeeee"/>                                 <solidcolorbrush x:key="mouseoverbackground" color="#fffdfdff"/>                                 <solidcolorbrush x:key="mouseoverborderbrush" color="#ffedeeee"/>-->                             </controltemplate.resources>                              <border background="{templatebinding background}" borderbrush="{templatebinding borderbrush}" borderthickness="{templatebinding borderthickness}">                                 <contentpresenter margin="{templatebinding padding}" horizontalalignment="center" verticalalignment="center" recognizesaccesskey="true"/>                             </border>                      <controltemplate.triggers>                         <trigger property="isribbontabselected" value="true">                             <setter property="background" value="{dynamicresource checkedbackground}"/>                             <!--<setter property="borderbrush" value="{dynamicresource checkedborderbrush}"/>-->                             <setter property="borderbrush" value="#ffb9c9da"/>                             <setter property="foreground" value="blue"/>                         </trigger>                         <trigger property="ismouseover" value="true">                             <!--<setter property="background" value="{dynamicresource checkedbackground}"/>-->                             <!--<setter property="borderbrush" value="{dynamicresource checkedborderbrush}"/>-->                             <!--<setter property="borderbrush" value="#ffb9c9da"/>-->                             <setter property="foreground" value="blue"/>                         </trigger>                         <!--<multitrigger>                             <multitrigger.conditions>                                 <condition property="isribbontabselected" value="false"/>                                 <condition property="ismouseover" value="true"/>                             </multitrigger.conditions>                             <setter property="background" value="{dynamicresource mouseoverbackground}"/>                             <setter property="borderbrush" value="{dynamicresource mouseoverborderbrush}"/>                         </multitrigger>-->                     </controltemplate.triggers>                         </controltemplate>                     </setter.value>                 </setter>             </style>          </window.resources>          <grid>              <ribbon>                 <ribbontab header="inicio">                     <ribbongroup header="portapapeles">                         <ribbonbutton label="hola" largeimagesource="imágenes/artículo.png" height="auto" verticalalignment="top"/>                     </ribbongroup>                     <ribbongroup header="fuente">                         <ribbonbutton content="fuente"/>                     </ribbongroup>                 </ribbontab>                 <ribbontab header="insertar"/>                 <ribbontab header="diseÑo"/>                 <ribbon.applicationmenu>                     <ribbonapplicationmenu smallimagesource="imágenes/usuario.png">                         <ribbonapplicationmenuitem width="auto" header="iniciar sesión..." imagesource="imágenes/usuario.png"/>                         <ribbonapplicationmenuitem width="auto" header="cambiar contraseña..." imagesource="imágenes/usuario.png"/>                         <ribbonapplicationmenuitem width="auto" header="cerrar sesión..." imagesource="imágenes/usuario.png"/>                     </ribbonapplicationmenu>                 </ribbon.applicationmenu>             </ribbon>          </grid>     </window> 

you can vote on uservoice website of visual studio: http://visualstudio.uservoice.com/forums/121579-visual-studio/suggestions/6736521-ribbon-styles-update-to-look-like-office-2013