/* Tab Navigation */
/* TODO: Consolidate this to a global level; is also used in Search Results */
div.Tabs
{
    margin-bottom: -1px;
    /* HACK: IE 7, don't know why but the border rules make the element line up correctly. */
    border-style: solid; 
    border-width: 1px;
    border-color: #FFFFFF;
}

div.Tabs div.Tab
{
    float: left;
    width: 117px; /* TODO: Set this variably with JS. */
    height: 23px;
    margin-left: 1px;
    font-size: 10px;
    line-height: 23px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

div.Tabs div.TabWide
{
    float: left;
    width: 180px; /* TODO: Set this variably with JS. */
    height: 23px;
    margin-left: 1px;
    font-size: 10px;
    line-height: 23px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

div.Tabs div.ActiveTab
{
    background-image: url(/media/generic_site_content/images/search/search_tab_active.gif);
}

div.Tabs div.ActiveTabWide
{
    background-image: url(/media/generic_site_content/images/search/search_tab_active_wide.gif);
}

div.Tabs div.InactiveTab
{
    background-image: url(/media/generic_site_content/images/search/search_tab_inactive.gif);
}

div.Tabs div.InactiveTabWide
{
    background-image: url(/media/generic_site_content/images/search/search_tab_inactive_wide.gif);
}

div.Tabs div.ActiveTab,
div.Tabs div.ActiveTab a:link,
div.Tabs div.ActiveTab a:visited,
div.Tabs div.ActiveTab a:hover,
div.Tabs div.ActiveTab a:active,
div.Tabs div.ActiveTabWide,
div.Tabs div.ActiveTabWide a:link,
div.Tabs div.ActiveTabWide a:visited,
div.Tabs div.ActiveTabWide a:hover,
div.Tabs div.ActiveTabWide a:active
{
    color: #F7F7F7;
    text-decoration: none;
}

div.Tabs div.InactiveTab,
div.Tabs div.InactiveTab a:link,
div.Tabs div.InactiveTab a:visited,
div.Tabs div.InactiveTab a:hover,
div.Tabs div.InactiveTab a:active,
div.Tabs div.InactiveTabWide,
div.Tabs div.InactiveTabWide a:link,
div.Tabs div.InactiveTabWide a:visited,
div.Tabs div.InactiveTabWide a:hover,
div.Tabs div.InactiveTabWide a:active
{
    color: #199BB8;
    text-decoration: none;
}
/* END Tab Navigation */

/* All this Navigation2 will be transferred to individual page */