HbTitleBar
{
    layout:default;
    layout-direction: left-to-right;
}

HbTitleBar::status{
    fixed-width: expr(round(var(hb-param-widget-chrome-height)));
    fixed-height: expr(2/3*var(hb-param-widget-chrome-height));
}

HbTitleBar::title{
    fixed-height: expr(2/3*var(hb-param-widget-chrome-height));
}

HbTitleBar::back{
    fixed-width: expr(round(var(hb-param-widget-chrome-height)));
    fixed-height: expr(2/3*var(hb-param-widget-chrome-height));
}

HbTitleBar::handle
{
    fixed-width: expr(1/3*var(hb-param-widget-chrome-height));
    fixed-height: expr(2/3*var(hb-param-widget-chrome-height));
}

HbTitleBar::toucharea
{   
    top: expr((1/3)*var(hb-param-widget-chrome-height));
    fixed-width: expr(2/3*var(hb-param-widget-chrome-height));
    fixed-height: var(hb-param-widget-chrome-height);
}

