﻿#urtopbarcompact
{
    font-family:Verdana, Sans-Serif;
    min-width:770px;
    font-size:8pt;
    background-color:#FAFAF7;
    height:33px;
    border-bottom:1px #E2E1D5 solid;
    background-image:url(/Global/images/URTopBarCompact/urtopbar_compact_bg.jpg);
    background-repeat:no-repeat;
    background-position:top left;
}

#urtopbarcompact a
{
    color:#797263;
    text-decoration:none;
}

/* LOGO AREA */

#urtopbarcompact #logoarea
{
    float:left;
    padding-left:8px;    
}

#urtopbarcompact #logoarea img 
{
    border:0;
    width:36px;
    height:33px;
}

/* TAB AREA */

#urtopbarcompact #tabarea
{
    float:left;
    padding-left:100px;    
    padding-top:6px;
    background-image:url(/Global/images/URTopBarCompact/urtopbar_compact_tab_divider.gif);
    background-repeat:no-repeat;
    background-position:bottom right;    
    height:27px;
}

#urtopbarcompact #tabarea a
{
    float:left;
    text-align:center;
    display:inline-block;
    background-repeat:repeat-y;
    background-position:bottom left;
    background-image:url(/Global/images/URTopBarCompact/urtopbar_compact_tab_divider.gif);
    p-adding-top:8px;
    padding-left:3px;
    font-weight:bold;
    height:27px;
    line-height:27px;
}

#urtopbarcompact .tab-barn
{
    width:3.7em;
    background-image:url(/Global/images/URTopBarCompact/urtopbar_compact_tab_divider.gif);
}

#urtopbarcompact .tab-barn:hover
{
    background-color:#2BBAE6;
    background-image:none;
    color:white;
}

#urtopbarcompact .tab-barn-selected
{
    background-color:#2BBAE6;
    width:3.7em;
    background-image:url(/Global/images/URTopBarCompact/urtopbar_compact_tab_divider.gif);
    color:white;
}

#urtopbarcompact .tab-ung
{
    width:3.7em;
    background-image:url(/Global/images/URTopBarCompact/urtopbar_compact_tab_divider.gif);
}

#urtopbarcompact .tab-ung:hover
{
    background-color:#EA6614;
    background-image:none;
    color:white;
}

#urtopbarcompact .tab-ung-selected
{
    background-color:#EA6614;
    color:white;
    width:3.7em;
    background-image:url(/Global/images/URTopBarCompact/urtopbar_compact_tab_divider.gif);
}

#urtopbarcompact .tab-pedagog
{
    width:6.4em;    
    background-image:url(/Global/images/URTopBarCompact/urtopbar_compact_tab_divider.gif);
    padding-right:2px;
}

#urtopbarcompact .tab-pedagog:hover
{
    background-color:#333333;
    background-image:none;
    color:white;
}

#urtopbarcompact .tab-pedagog-selected
{
    background-color:#333333;
    width:6.4em;   
    background-image:url(/Global/images/URTopBarCompact/urtopbar_compact_tab_divider.gif);
    color:white;
}

#urtopbarcompact .tab-vuxen
{
    width:5.2em;    
    background-image:url(/Global/images/URTopBarCompact/urtopbar_compact_tab_divider.gif);
    padding-right:2px;
}

#urtopbarcompact .tab-vuxen:hover
{
    background-color:#EE2D6E;
    background-image:none;
    color:white;
}

#urtopbarcompact .tab-vuxen-selected
{
    background-color:#EE2D6E;
    width:5.2em;   
    background-image:url(/Global/images/URTopBarCompact/urtopbar_compact_tab_divider.gif);
    color:white;
}

/* SEARCH AREA */

#urtopbarcompact #searcharea
{
    padding-left:14px;
    padding-top:7px;
    float:left;
}


#urtopbarcompact #searcharea input 
{
    width: 18em;
    border:1px #C4C4C4 solid;
    margin-top:2px;
    font-size:100%;
    padding: 1px;
    float:left;    
}

#urtopbarcompact #searcharea .searchbutton
{
    cursor:pointer;
    margin-left:10px;
    float:left;
    display: block;
    width:50px;
    height:24px;
    background-image: url(/Global/images/URTopBarCompact/urtopbar_compact_button_sok_normal.gif);
}

#urtopbarcompact #searcharea .searchbutton:hover
{
    background-image: url(/Global/images/URTopBarCompact/urtopbar_compact_button_sok_hover.gif);
}

/* BUTTON AREA */

#urtopbarcompact #buttonarea
{
    float:left;
    margin-left:8px;
    padding-top:10px;    
}

#urtopbarcompact #buttonarea .button-omurswebbplatser
{
    float:left;
    display: block;
    width:129px;
    height:18px;
    background-image: url(/Global/images/URTopBarCompact/urtopbar_compact_button_om_urs_webbplatser_normal.gif);
}

#urtopbarcompact #buttonarea .button-omurswebbplatser:hover
{
    background-image: url(/Global/images/URTopBarCompact/urtopbar_compact_button_om_urs_webbplatser_hover.gif);
}
