 widget#desktop_widget
{
    width: auto;
    height: 70px;

    block-progression: rl;
    direction: rtl;
}

button.button
{
    width: 70px;
    height: auto;

    nav-index: appearance;

    margin-left: 4px;
    margin-right: 4px;

    background-color: "SKIN(268458534 9906)";
}

button#button1
{
    margin-left: 0px;
}

button#button6
{
    margin-right: 0px;
}

button.button:focus
{
    focus-background: "SKIN(268458534 5120 9)";
}

image.icon
{
    width: auto;
    height: auto;

    _s60-aspect-ratio: preserve;
}

/* For presence */
image.second_icon
{
    margin-top:0%;
    width: 25%;
    height: 25%;
    position: absolute;
    bottom: 0%;
    left: 70%;
    top: 3%;
    _s60-aspect-ratio:preserve;
}

tooltip.tooltip
{
    width: 15.0u; /* any fixed lenghts works here if the owerflow is set to 
                   both tooltip and text inside it */
    height: 5.5u;

    border-style: solid;
    border-width: 5px; 

    _s60-start-delay: 1000000;
    _s60-display-time: 1000000;

    background-color:"SKIN(268458534 8480)";
    overflow: visible;
}


text.tooltiptext
{
    position: static;
    font-family: EAknLogicalFontSecondaryFont;
    font-size: 3.5u;
    width: 100%;
    height: 85%;
    text-align: center;
    color: "SKIN(268458534 13056 19)";
    overflow: visible;
    padding-right: 1u;
    padding-left: 1u;
    padding-bottom: 1u;
}

/*********************
      extension
**********************/
tooltip.tooltipext
{
    width: 15.0u;
    height: adaptive;
    border-style: solid;
    border-width: 5px;
    /* delay comes from the xSP server */
    _s60-start-delay: 0;
    _s60-display-time: 60000000; /* 6 sec */
    background-color:"SKIN(268458534 8480)";
    overflow: visible;
    display: none;
    block-progression: tb;
    padding-bottom: 1u;
    padding-right: 2u;
    padding-left: 2u;
    padding-top: 1u;
}

text.textcaptionext
{
    position: static;
    font-family: EAknLogicalFontSecondaryFont;
    font-size: 3.5u;
    font-weight: bold;
    text-align: center;
    width: 30u;
    height: 5u;
    color: "SKIN(268458534 13056 19)";
    overflow: visible;
    display: block;
    visibility:visible;
}

text.textext
{
    position: static;
    font-family: EAknLogicalFontSecondaryFont;
    font-size: 3.5u;
    text-align: left;
    width: 30u;
    height: 5u;
    color: "SKIN(268458534 13056 19)";
    overflow: visible;
    display: block;
    visibility:visible;
}
