#header #header-inner #quick .repo_switcher_type {

    position: absolute;

    left: 0;

    top: 9px;

    margin: 0px 2px 0px 2px;

}

.groups_breadcrumbs a {

    color: #fff;

}

.groups_breadcrumbs a:hover {

    color: #bfe3ff;

    text-decoration: none;

}

td.quick_repo_menu:before {

    font-family: "kallithea";

    content: "\e80f";           /* triangle-right */

    margin-left: 3px;

    padding-right: 3px;

}

td.quick_repo_menu {

    cursor: pointer;

    width: 8px;

    border: 1px solid transparent;

}

td.quick_repo_menu.active:before {

    font-family: "kallithea";

    content: "\e80d";           /* triangle-down */

    margin-left: 1px;

    padding-right: 1px;

}

td.quick_repo_menu.active {

    border: 1px solid #577632;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

    cursor: pointer;

}

td.quick_repo_menu .menu_items {

    margin-top: 5px;

    margin-left: -6px;

    width: 150px;

    position: absolute;

    background-color: #FFF;

    background: none repeat scroll 0 0 #FFFFFF;

    border-color: #577632 #666666 #666666;

    border-right: 1px solid #666666;

    border-style: solid;

    border-width: 1px;

    box-shadow: 2px 8px 4px rgba(0, 0, 0, 0.2);

    border-top-style: none;

}

td.quick_repo_menu .menu_items li {

    padding: 0 !important;

}

td.quick_repo_menu .menu_items a {

    display: block;

    padding: 4px 12px 4px 8px;

}

td.quick_repo_menu .menu_items a:hover {

    background-color: #EEE;

    text-decoration: none;

}

td.quick_repo_menu .menu_items .icon img {

    margin-bottom: -2px;

}

td.quick_repo_menu .menu_items.hidden {

    display: none;

}

.dt_repo {

    white-space: nowrap;

    color: #577632;

}

.dt_repo_pending {

    opacity: 0.5;

}

.dt_repo i.icon-keyhole-circled,

.dt_repo i.icon-globe

{

    font-size: 16px;

    vertical-align: -2px;

    margin: 0px 1px 0px 3px;

}

.yui-dt-first th {

    text-align: left;

}

/*

    Copyright (c) 2011, Yahoo! Inc. All rights reserved.

    Code licensed under the BSD License:

    http://developer.yahoo.com/yui/license.html

    version: 2.9.0

*/

.yui-skin-sam .yui-dt-mask {

    position: absolute;

    z-index: 9500;

}

.yui-dt-tmp {

    position: absolute;

    left: -9000px;

}

.yui-dt-scrollable .yui-dt-bd { overflow: auto }

.yui-dt-scrollable .yui-dt-hd {

    overflow: hidden;

    position: relative;

}

.yui-dt-scrollable .yui-dt-bd thead tr,

.yui-dt-scrollable .yui-dt-bd thead th {

    position: absolute;

    left: -1500px;

}

.yui-dt-scrollable tbody { -moz-outline: 0 }

.yui-skin-sam thead .yui-dt-sortable { cursor: pointer }

.yui-skin-sam thead .yui-dt-draggable { cursor: move }

.yui-dt-coltarget {

    position: absolute;

    z-index: 999;

}

.yui-dt-hd { zoom: 1 }

th.yui-dt-resizeable .yui-dt-resizerliner { position: relative }

.yui-dt-resizer {

    position: absolute;

    right: 0;

    bottom: 0;

    height: 100%;

    cursor: e-resize;

    cursor: col-resize;

    background-color: #CCC;

    opacity: 0;

    filter: alpha(opacity=0);

}

.yui-dt-resizerproxy {

    visibility: hidden;

    position: absolute;

    z-index: 9000;

    background-color: #CCC;

    opacity: 0;

    filter: alpha(opacity=0);

}

th.yui-dt-hidden .yui-dt-liner,

td.yui-dt-hidden .yui-dt-liner,

th.yui-dt-hidden .yui-dt-resizer { display: none }

.yui-dt-editor,

.yui-dt-editor-shim {

    position: absolute;

    z-index: 9000;

}

.yui-skin-sam .yui-dt table {

    margin: 0;

    padding: 0;

    font-family: arial;

    font-size: inherit;

    border-collapse: separate;

    *border-collapse: collapse;

    border-spacing: 0;

    border: 1px solid #7f7f7f;

}

.yui-skin-sam .yui-dt thead { border-spacing: 0 }

.yui-skin-sam .yui-dt caption {

    color: #000;

    font-size: 85%;

    font-weight: normal;

    font-style: italic;

    line-height: 1;

    padding: 1em 0;

    text-align: center;

}

.yui-skin-sam .yui-dt th,

.yui-skin-sam .yui-dt th a {

    font-weight: normal;

    text-decoration: none;

    color: #000;

    vertical-align: bottom;

}

.yui-skin-sam .yui-dt th {

    margin: 0;

    padding: 0;

    border: 0;

    border-right: 1px solid #cbcbcb;

## DATA TABLE RE USABLE ELEMENTS

## usage:

## <%namespace name="dt" file="/data_table/_dt_elements.html"/>

<%def name="quick_menu(repo_name)">

  <ul class="menu_items hidden">

  ##<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">

    <li style="border-top:1px solid #577632; margin-left: 21px; padding-left: -99px;"></li>

    <li>

       <a title="${_('Summary')}" href="${h.url('summary_home',repo_name=repo_name)}">

       <span class="icon">

           <i class="icon-doc-text-inv"></i>

       </span>

       <span>${_('Summary')}</span>

       </a>

    </li>

    <li>

       <a title="${_('Changelog')}" href="${h.url('changelog_home',repo_name=repo_name)}">

       <span class="icon">

           <i class="icon-clock"></i>

       </span>

       <span>${_('Changelog')}</span>

       </a>

    </li>

    <li>

       <a title="${_('Files')}" href="${h.url('files_home',repo_name=repo_name)}">

       <span class="icon">

           <i class="icon-docs"></i>

       </span>

       <span>${_('Files')}</span>

       </a>

    </li>

    <li>

       <a title="${_('Fork')}" href="${h.url('repo_fork_home',repo_name=repo_name)}">

       <span class="icon">

           <i class="icon-fork"></i>

       </span>

       <span>${_('Fork')}</span>

       </a>

    </li>

    <li>

       <a title="${_('Settings')}" href="${h.url('edit_repo',repo_name=repo_name)}">

       <span class="icon">

           <i class="icon-gear"></i>

       </span>

       <span>${_('Settings')}</span>

       </a>

    </li>

  </ul>

</%def>

<%def name="repo_name(name,rtype,rstate,private,fork_of,short_name=False,admin=False)">

    <%

    def get_name(name,short_name=short_name):

      if short_name:

        return name.split('/')[-1]

      else:

        return name

    %>

  <div class="dt_repo ${'dt_repo_pending' if rstate == 'repo_state_pending' else ''}">

    ##NAME

    <a href="${h.url('edit_repo' if admin else 'summary_home', repo_name=name)}">

    ##TYPE OF REPO

    %if h.is_hg(rtype):

        <span class="repotag" title="${_('Mercurial repository')}">hg</span>

    %elif h.is_git(rtype):

        <span class="repotag" title="${_('Git repository')}">git</span>

    %endif

    ##PRIVATE/PUBLIC

    %if private and c.visual.show_private_icon:

      <i class="icon-keyhole-circled" title="${_('Private repository')}"></i>

    %elif not private and c.visual.show_public_icon:

      <i class="icon-globe" title="${_('Public repository')}"></i>

    %else:

      <span style="margin: 0px 8px 0px 8px"></span>

    %endif

    </a>

    %if fork_of:

      <a href="${h.url('summary_home',repo_name=fork_of.repo_name)}"><i class="icon-fork"></i></a>

    %endif

    %if rstate == 'repo_state_pending':

      <i class="icon-wrench" title="${_('Repository creation in progress...')}"></i>

    %endif

  </div>

</%def>

<%def name="last_change(last_change)">

  <span class="tooltip" date="${last_change}" title="${h.tooltip(h.fmt_date(last_change))}">${h.age(last_change)}</span>

</%def>

<%def name="revision(name,rev,tip,author,last_msg)">

  <div>

  %if rev >= 0:

      <pre><a title="${h.tooltip('%s:\n\n%s' % (author,last_msg))}" class="tooltip" href="${h.url('changeset_home',repo_name=name,revision=tip)}">${'r%s:%s' % (rev,h.short_id(tip))}</a></pre>

  %else:

      ${_('No changesets yet')}

  %endif

  </div>

</%def>

<%def name="rss(name)">

  %if c.authuser.username != 'default':

    <a title="${_('Subscribe to %s rss feed')% name}" href="${h.url('rss_feed_home',repo_name=name,api_key=c.authuser.api_key)}"><i class="icon-rss-squared"></i></a>

  %else:

    <a title="${_('Subscribe to %s rss feed')% name}" href="${h.url('rss_feed_home',repo_name=name)}"><i class="icon-rss-squared"></i></a>

  %endif

</%def>

<%def name="atom(name)">

  %if c.authuser.username != 'default':

    <a title="${_('Subscribe to %s atom feed')% name}" href="${h.url('atom_feed_home',repo_name=name,api_key=c.authuser.api_key)}"><i class="icon-rss-squared"></i></a>

  %else:

    <a title="${_('Subscribe to %s atom feed')% name}" href="${h.url('atom_feed_home',repo_name=name)}"><i class="icon-rss-squared"></i></a>

  %endif

</%def>

<%def name="repo_actions(repo_name, super_user=True)">

  <div>

    <div style="float:left; margin-right:5px;" class="grid_edit">

      <a href="${h.url('edit_repo',repo_name=repo_name)}" title="${_('edit')}">

        <i class="icon-pencil"></i> ${h.submit('edit_%s' % repo_name,_('edit'),class_="action_button")}

      </a>

    </div>

    <div style="float:left" class="grid_delete">

      ${h.form(h.url('repo', repo_name=repo_name),method='delete')}

        <i class="icon-minus-circled" style="color:#FF4444"></i>

        ${h.submit('remove_%s' % repo_name,_('delete'),class_="action_button",

        onclick="return confirm('"+_('Confirm to delete this repository: %s') % repo_name+"');")}

      ${h.end_form()}

    </div>

  </div>

</%def>

<%def name="repo_state(repo_state)">

  <div>

    %if repo_state == 'repo_state_pending':

        <div class="btn btn-mini btn-info disabled">${_('Creating')}</div>

    %elif repo_state == 'repo_state_created':

        <div class="btn btn-mini btn-success disabled">${_('Created')}</div>

    %else:

        <div class="btn btn-mini btn-danger disabled" title="${repo_state}">invalid</div>

    %endif

  </div>

</%def>

<%def name="user_actions(user_id, username)">

 <div style="float:left" class="grid_edit">

   <a href="${h.url('edit_user',id=user_id)}" title="${_('edit')}">

     <i class="icon-pencil"></i> ${h.submit('edit_%s' % username,_('edit'),class_="action_button")}

   </a>

 </div>

 <div style="float:left" class="grid_delete">

  ${h.form(h.url('delete_user', id=user_id),method='delete')}

    <i class="icon-minus-circled" style="color:#FF4444"></i>

    ${h.submit('remove_',_('delete'),id="remove_user_%s" % user_id, class_="action_button",

    onclick="return confirm('"+_('Confirm to delete this user: %s') % username+"');")}

  ${h.end_form()}

 </div>

</%def>

<%def name="user_group_actions(user_group_id, user_group_name)">

 <div style="float:left" class="grid_edit">

    <a href="${h.url('edit_users_group', id=user_group_id)}" title="${_('Edit')}">

    <i class="icon-pencil"></i>

     ${h.submit('edit_%s' % user_group_name,_('edit'),class_="action_button", id_="submit_user_group_edit")}

    </a>

 </div>

 <div style="float:left" class="grid_delete">

    ${h.form(h.url('users_group', id=user_group_id),method='delete')}

      <i class="icon-minus-circled" style="color:#FF4444"></i>

      ${h.submit('remove_',_('delete'),id="remove_group_%s" % user_group_id, class_="action_button",

      onclick="return confirm('"+_('Confirm to delete this user group: %s') % user_group_name+"');")}