# OSSO WIDGET LOOK PROBLEMS
# 
# - Gtk scales _images_ instead of _widgets_ being scaled according
#   to image size.  Widgets are scaled according layout and the internal
#   widget layout/size is according to hardcoded widget code.
#   If you don't let images to be stretched, they might be clipped
#   (e.g. checkbox) or drawn partly outside parent widget (e.g. arrows).
# - Style definitions are theme engine specific.
# - Focus is always shown on the editable part of the widget,
#   not on the label beside the editable part.  On menus also
#   the arrow is highlighted.
#
#
# OSSO WIDGET PROBLEMS
#
# - Menubar widget has to be made into a menu itself.
# - Different button styles and different look for buttons
#   when there are several buttons in a row.
#
#
# POSITIVE SIDE
#
# - Lots of widgets.
# - Can use any images (any style).
# - Color can be changed also for images if one uses
#   grayscale images (recolorable attribute).
# - Anything can have focus and everything is keyboard navigatable,
#   keyboard bindings are changable.
# - Accessibility framework (untested).
# - Input methods (untested).
#
# TODO
# - Scale the arrow images to such size that you can tell
#   Gtk not to scale them.
#
# When creating a new style, include a "osso-" -prefix to it.
#
##################################################
# Default draw and background color settings
##################################################

style "osso-default"
{
  # 'fg' = foreground in state, 'bg' = background in given state
  # 'text' = text color in state, 'base' = text background in state
  # styles:
  #   NORMAL:      normal widget state
  #   PRELIGHT:    e.g. mouse over
  #   ACTIVE:      active widget part, e.g. pressed scrollbar trough
  #   SELECTED:    data selection highlight color, e.g. items in list widget
  #   INSENSITIVE: disabled widget

# global picture theming.
#  GtkWidget::hildonlike = 1
  GtkWidget::hildon-focus-handling = 1
  GtkWidget::focus-line-width = 0
  GtkWidget::focus-padding = 0
  GtkWidget::focus-line-pattern = "\0\0\0\0\0\0\0\0"

# Removed because this changes wrapping and results in incorrect wrapping
# (and truncating) in dialogs.
#  GtkLabel::hildonlike = 1

  GtkToggleButton::hildonlike = 1
  GtkCalendar::hildonlike = 1

  engine "sapwood"
  {
    # selected text in entries, text widget, lists and trees
    image
      {
	function = BOX
	detail = "selection"
	file = "../images/qgn_plat_focus_active.png"
	border = { 2, 2, 2, 2 }
      }
#    image
#      {
#	function = FLAT_BOX
#	detail = "text"
#	file = "../sbarrowup.png"
#	border = { 0, 0, 0, 0 }
#      }
#    # hline and vline
#    image
#      {
#        function        = HLINE
#        file            = "../hline.png"
#        border          = { 2, 2, 0, 0 }
#        stretch         = TRUE
#      }
#    image
#      {
#        function        = VLINE
#        file            = "../black.png"
#        border          = { 0, 0, 0, 0 }
#        stretch         = TRUE
#      }
#
#    # do not draw widget focus at all. 
#    image
#      {
#        function        = FOCUS
#        overlay_file    = "../transparent.png"
#        overlay_border  = { 4, 4, 4, 4 }
#        overlay_stretch = TRUE
#      }
    image
      {
        function = FOCUS
      }
  }

}
class "GtkWidget" style "osso-default"


# recolorable=TRUE in the 'image' section means that the
# image is grayscale and can be colored.

#################################################### 
# ABOUT STYLES
#
# The way that multiple RC styles bound to the same 
# widget are prioritized is that RC styles bound with 
# widget take precedence over RC styles bound with 
# widget_class, which, in turn, take precedence over 
# RC styles bound with class. For multiple declarations 
# of the same type, later declarations take precedence 
# over earlier ones.
#################################################### 

###########
# PROBABLY WON'T BE USED
###########
#include "hildontasknavigatorbutton"
#include "hildonclockarea"
#include "gtktooltips"
#include "gtkoptionmenu"
#include "hildonsearch"
#include "hildontoolbarbutton"

###########
# NEED TO BE PROCESSED
###########

#include "hildonstockicons"
#include "progressanimation"
#include "tapandholdanimation"

# Uncomment these lines to get the tap-and-hold functionality
# enabled with selected widget, (n.b. that you'll have to run
# the hildon-tap-hold.diff to GTK to get it work)
#style "hildon-tap-hold"
#{
#  GtkWidget::tap-hold = 1
#}
#class "GtkEntry" style "hildon-tap-hold"
#class "GtkTextView" style "hildon-tap-hold"	

#################
# REAL, FINISHED STUFF.
#################

#This has to be first because of font styles.






# Maemo af desktop widgets included in gtkrc.maemo_af_desktop
#include "hildonhome"
#include "hildonhomeapplet"
#include "hildonnavigator"
#include "hildonnavigatorpopuplist"
#include "hildonstatusbar"


#include "../../../sapwoods/hildon-icons/stockrc"

##################
# THESE HAVE MISSING IMAGES BUT ARE HERE BECAUSE OF STYLE PROPERTIES
##################
# This file is part of sdk-default-theme-config
# 
# Copyright (C) 2005 Nokia Corporation.
# 
# Contact: Ferenc Szekely <ferenc.szekely@nokia.com> 
# 
# This work is licensed under the Creative Commons
# Attribution-NonCommercial-ShareAlike 2.0 License.
# To view a copy of this license,
# visit http://creativecommons.org/licenses/by-nc-sa/2.0/
# or send a letter to Creative Commons,
# 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.


# theme specific stuff here. Included from gtkrc.

##############################
#
# Logical color definitions
#
##############################

style "osso-logical-colors" {
	logical_color["DefaultTextColor"]        = "#303030"
	logical_color["EmpTextColor"]            = "#003F93"
	logical_color["PaintedDefaultTextColor"] = "#003F93"
	logical_color["DisabledTextColor"]       = "#808080"
	logical_color["ProgressTextColor1"]      = "#000000"
	logical_color["ProgressTextColor2"]      = "#000000"
	logical_color["SecondaryTextColor"]      = "#5A5A5A"
	logical_color["TitleTextColor"]          = "#303030"
	logical_color["DialogTitleTextColor"]    = "#303030"
	
	logical_color["ClearButtonTextColor"]    = "#FF3200"
	logical_color["MemButtonTextColor"]      = "#2B28AF"
	
	logical_color["HWRAlphaTextColor"]       = "#303030"
	logical_color["HWRNumberTextColor"]      = "#333399"
	logical_color["HWRDimmedTextColor"]      = "#808080"
	logical_color["HWRIllegalTextColor"]     = "#FF0033"
	
	logical_color["WebTextColor"]            = "#303030"
	logical_color["DimWebTextColor"]         = "#808080"
	logical_color["LinkTextColor"]           = "#2B28AF"
	logical_color["VisitedLinkTextColor"]    = "#FF3200"
	
	logical_color["DefaultBackgrdColor"]     = "#FFFFFF"
	logical_color["PaintedBackgrdColor"]     = "#E2E2E2"
	logical_color["ImageBackgrdColor"]       = "#000000"
	
	logical_color["InputBackgrdColor"]       = "#000000"
	logical_color["HWRAlphaBackgrdColor"]    = "#F4F4F4"
	logical_color["HWRPunctBackgrdColor"]    = "#FFFFFF"
	logical_color["HWRContBackgrdColor"]     = "#F4F4F4"
	logical_color["HWRHyphBackgrdColor"]     = "#D1D1D1"
	
	logical_color["WebBackgrdColor"]         = "#FFFFFF"
	
	logical_color["ImageBorderColor"]        = "#CDCDCD"
	
	logical_color["MapTopLeftColor"]         = "#CDCDCD"
	logical_color["MapBottomRightColor"]     = "#CDCDCD"
	logical_color["ClockHandColor"]          = "#000000"
	
	logical_color["HWRBaselineColor"]        = "#C2C2C2"
	logical_color["HWRRecogColor"]           = "#303030"
	logical_color["HWRUserColor"]            = "#151C53"

        logical_color["ChatUserNameColor"]       = "#000000"
        logical_color["ChatParticipantNameColor"]= "#003399"
        logical_color["ChatEventColor"]          = "#33CC00"

        logical_color["CallHeaderBlockBgColor"]  = "#FFFFFF"
        logical_color["CallHeaderOnHoldBlockBgColor"]= "#FFFFFF"

        logical_color["HomeFrameReject"]         = "#FF0033"

        logical_color["MenuInfoTextColor"]       = "#303030"
}

##############################
#
# Font definitions
#
##############################

style "osso-SystemFont" {
	font_name = "Nokia Sans 16.75"
}

style "osso-EmpSystemFont" {
	font_name = "Nokia Sans Bold 16.75"
}

style "osso-TitleFont" {
	font_name = "Nokia Sans 16.75"
}

style "osso-ButtonFont" {
	font_name = "Nokia Sans 16.75"
}


style "osso-SmallFont" {
	font_name = "Nokia Sans 11.625"
}

style "osso-LargeFont" {
	font_name = "Nokia Sans 29.5"
}


style "osso-HWRFont1"
{
  font_name = "Nokia Sans 52"
}

style "osso-HWRFont2"
{
  font_name = "Nokia Sans 38"
}

######################################
#
# Application menu popup position
#
# The position of application menu relative to application upper-left 
# position (horizontal = 80, vertical = 60) so adjust below
# horizontal-offset and vertical-offset to change it from the application
# upper-left position. The values can be negative too.
#
######################################

style "osso-application-menu-popup-position"
{
  GtkMenu::horizontal-offset = 10
  GtkMenu::vertical-offset = -13
}




######################################
#
# Graphical, pixbuf theme specific stuff
#
# All style properties that should only be
# used in a pixbuf-themed theme can be
# added somewhere here.
#
######################################

# The below style property will make GtkEntry use gtk_paint_box instead
# of gtk_paint_shadow. In non-graphical themes this should be set to 0.
style "osso-entry-special"
{
  GtkEntry::hildonlike-drawing = 1
}





##############################
#
# WARNING : DEPRECATED
#
# Zoomed font sizes
#
# All of these now use the exactly same font & size
#
# WARNING : DEPRECATED
#
##############################

widget "hildon-zoom-small" style "osso-SystemFont"
widget "hildon-zoom-medium" style "osso-SystemFont"
widget "hildon-zoom-large" style "osso-SystemFont"

class "GtkWidget" style "osso-logical-colors"

style "osso-color-themeing" = "osso-logical-colors" {
  fg[NORMAL] = "DefaultTextColor"
  bg[NORMAL] = "DefaultBackgrdColor"

  fg[PRELIGHT] = "DefaultTextColor"
  bg[PRELIGHT] = "DefaultBackgrdColor"

  fg[ACTIVE] = "DefaultTextColor"
  bg[ACTIVE] = "PaintedBackgrdColor"
                                                                                                                                    
  fg[SELECTED] = "DefaultTextColor"
  bg[SELECTED] = "PaintedBackgrdColor"
                                                                                                                                     
  fg[INSENSITIVE] = "DisabledTextColor"
  bg[INSENSITIVE] = "DefaultBackgrdColor"
                                                                                                                                     
  text[NORMAL] = "DefaultTextColor"
  base[NORMAL] = "DefaultBackgrdColor"
                                                                                                                                     
  text[PRELIGHT] = "DefaultTextColor"
  base[PRELIGHT] = "DefaultBackgrdColor"
                                                                                                                                     
  text[ACTIVE] = "PaintedDefaultTextColor"
  base[ACTIVE] = "PaintedBackgrdColor"

  text[SELECTED] = "PaintedDefaultTextColor"
  base[SELECTED] = "PaintedBackgrdColor"
                                                                                                                                    
  text[INSENSITIVE] = "DisabledTextColor"
  base[INSENSITIVE] = "DefaultBackgrdColor"
}
class "GtkWidget" style "osso-color-themeing"
style "hildon-default-arrows"
{
  # different arrows in different states
  engine "sapwood"
  {

    # left
    image
      {
        function        = ARROW
	state           = ACTIVE
	arrow_direction = LEFT
	overlay_file    = "../images/qgn_plat_arrow_left_pressed.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = ARROW
	state           = SELECTED
	arrow_direction = LEFT
	overlay_file    = "../images/qgn_plat_arrow_left_pressed.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = ARROW
	state           = INSENSITIVE
	arrow_direction = LEFT
	overlay_file    = "../images/qgn_plat_arrow_left_disabled.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = ARROW
	arrow_direction = LEFT
	overlay_file    = "../images/qgn_plat_arrow_left_normal.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    
    # right
    image
      {
        function        = ARROW
	state           = ACTIVE
	arrow_direction = RIGHT
	overlay_file    = "../images/qgn_plat_arrow_right_pressed.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = ARROW
	state           = SELECTED
	arrow_direction = RIGHT
	overlay_file    = "../images/qgn_plat_arrow_right_pressed.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = ARROW
	state           = INSENSITIVE
	arrow_direction = RIGHT
	overlay_file    = "../images/qgn_plat_arrow_right_disabled.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = ARROW
	arrow_direction = RIGHT
	overlay_file    = "../images/qgn_plat_arrow_right_normal.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }

    # up
    image
      {
        function        = ARROW
	state           = ACTIVE
	arrow_direction = UP
	overlay_file    = "../images/qgn_plat_arrow_up_pressed.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = ARROW
	state           = SELECTED
	arrow_direction = UP
	overlay_file    = "../images/qgn_plat_arrow_up_pressed.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      } 
    image
      {
        function        = ARROW
	state           = INSENSITIVE
	arrow_direction = UP
	overlay_file    = "../images/qgn_plat_arrow_up_disabled.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = ARROW
	arrow_direction = UP
	overlay_file    = "../images/qgn_plat_arrow_up_normal.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    
    # down
    image
      {
        function        = ARROW
	state           = ACTIVE
	arrow_direction = DOWN
	overlay_file    = "../images/qgn_plat_arrow_down_pressed.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image    
      {
        function        = ARROW
	state           = SELECTED
	arrow_direction = DOWN
	overlay_file    = "../images/qgn_plat_arrow_down_pressed.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = ARROW
	state           = INSENSITIVE
	arrow_direction = DOWN
	overlay_file    = "../images/qgn_plat_arrow_down_disabled.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = ARROW
	arrow_direction = DOWN
	overlay_file    = "../images/qgn_plat_arrow_down_normal.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
  }
}

class "GtkWidget" style "hildon-default-arrows"
#################################################### 
# GTK BUTTON
#
# Copyright 2004,2005 Nokia Oyj
#
# Both Dialog buttons and view buttons are themed
# here.
#
# TODO :
#   - pressed&active state needed for togglebuttons?
#   - can focused_pressed & pressed states be combined?
#   - Separate support for horizontal / vertical
#     viewbutton images?
# 
# Buttons inside GtkHButton will 
# automatically look like dialog buttons.
#
# Buttons inside a GtkTable will
# automatically look like view buttons.
#
# There is also a button image used for a button
# that is not inside either GtkHButtonBox or GtkTable.
#
# Buttons will have different graphics depending on
# the position they are in relation to other buttons.
# We are using button details for that.
#
# Button details are following:
#
# - osso_button
# - osso_button_tl
# - osso_button_tr
# - osso_button_bl
# - osso_button_br
# - osso_button_tl_bl
# - osso_button_tr_br
# - osso_button_tl_tr
# - osso_button_bl_br
# - osso_button_tl_tr_bl_br
#
# Where tl, tr, bl and br indicate whether the that
# button is connected to topleft, topright, bottomleft 
# and bottomright corners of the container.
#
# Therefore osso_button_tl is the graphics used for
# the top-left button in gtktable and osso_button_tl_tr
# is used for rightmost dialogbutton. osso_button_tl_tr_bl_br
# is used when button is alone.
#
# Only osso_button. osso_button_tl_bl, osso_button_tr_br and
# osso_button_tl_tr_bl_br is used for dialog buttons.
#
# Buttons not inside either GtkHButtonBox or GtkTable use
# following detail.
#
# - buttondefault
#
#################################################### 

# Normal Button styles:
style "osso-button" {

  GtkWidget::focus-line-pattern = "\0\0\0\0\0\0\0\0"
  GtkWidget::focus-width = 0
  GtkButton::default_border = { 0, 0, 0, 0 }
  GtkButton::child-displacement-x = -2
  GtkButton::child-displacement-y = 2
  GtkButton::interior_focus = 0
  GtkButton::child_spacing = 1
  xthickness = 7
  ythickness = 0

  engine "sapwood" {

    # Default button
    image {
        function = FOCUS
	state    = ACTIVE
	detail   = "buttondefault"
	file     = "../images/qgn_plat_view_button_nesw_pressed_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
        function = FOCUS
	detail   = "buttondefault"
	file     = "../images/qgn_plat_view_button_nesw_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
        function = BOX
	shadow   = IN
	detail   = "buttondefault"
	file     = "../images/qgn_plat_view_button_nesw_pressed.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
        function = BOX
	state    = SELECTED
	detail   = "buttondefault"
	file     = "../images/qgn_plat_view_button_nesw_pressed.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
        function = BOX
	state    = INSENSITIVE
	detail   = "buttondefault"
	file     = "../images/qgn_plat_view_button_nesw_disabled.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	detail   = "buttondefault"
	file     = "../images/qgn_plat_view_button_nesw.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }

    image {
        function = FOCUS
	state    = ACTIVE
	detail   = "osso_button"
	file     = "../images/qgn_plat_view_button_pressed_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
        function = FOCUS
	detail   = "osso_button"
	file     = "../images/qgn_plat_view_button_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	shadow   = IN
	detail	 = "osso_button"
	file     = "../images/qgn_plat_view_button_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = SELECTED
	detail	 = "osso_button"
	file     = "../images/qgn_plat_view_button_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = INSENSITIVE
	detail	 = "osso_button"
	file     = "../images/qgn_plat_view_button_disabled.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	detail	 = "osso_button"
	file     = "../images/qgn_plat_view_button.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }

    # View buttons
    image {
        function = FOCUS
	state    = ACTIVE
	detail   = "osso_button_n"
	file     = "../images/qgn_plat_view_button_n_pressed_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
        function = FOCUS
	detail   = "osso_button_n"
	file     = "../images/qgn_plat_view_button_n_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	shadow   = IN
	detail	 = "osso_button_n"
	file     = "../images/qgn_plat_view_button_n_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = SELECTED
	detail	 = "osso_button_n"
	file     = "../images/qgn_plat_view_button_n_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = INSENSITIVE
	detail	 = "osso_button_n"
	file     = "../images/qgn_plat_view_button_n_disabled.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	detail	 = "osso_button_n"
	file     = "../images/qgn_plat_view_button_n.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }


    image {
        function = FOCUS
	state    = ACTIVE
	detail   = "osso_button_e"
	file     = "../images/qgn_plat_view_button_e_pressed_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
        function = FOCUS
	detail   = "osso_button_e"
	file     = "../images/qgn_plat_view_button_e_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	shadow   = IN
	detail	 = "osso_button_e"
	file     = "../images/qgn_plat_view_button_e_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = SELECTED
	detail	 = "osso_button_e"
	file     = "../images/qgn_plat_view_button_e_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = INSENSITIVE
	detail	 = "osso_button_e"
	file     = "../images/qgn_plat_view_button_e_disabled.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	detail	 = "osso_button_e"
	file     = "../images/qgn_plat_view_button_e.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }


    image {
        function = FOCUS
	state    = ACTIVE
	detail   = "osso_button_s"
	file     = "../images/qgn_plat_view_button_s_pressed_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
        function = FOCUS
	detail   = "osso_button_s"
	file     = "../images/qgn_plat_view_button_s_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	shadow   = IN
	detail	 = "osso_button_s"
	file     = "../images/qgn_plat_view_button_s_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = SELECTED
	detail	 = "osso_button_s"
	file     = "../images/qgn_plat_view_button_s_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = INSENSITIVE
	detail	 = "osso_button_s"
	file     = "../images/qgn_plat_view_button_s_disabled.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	detail	 = "osso_button_s"
	file     = "../images/qgn_plat_view_button_s.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }


    image {
        function = FOCUS
	state    = ACTIVE
	detail   = "osso_button_w"
	file     = "../images/qgn_plat_view_button_w_pressed_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
        function = FOCUS
	detail   = "osso_button_w"
	file     = "../images/qgn_plat_view_button_w_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	shadow   = IN
	detail	 = "osso_button_w"
	file     = "../images/qgn_plat_view_button_w_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = SELECTED
	detail	 = "osso_button_w"
	file     = "../images/qgn_plat_view_button_w_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = INSENSITIVE
	detail	 = "osso_button_w"
	file     = "../images/qgn_plat_view_button_w_disabled.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	detail	 = "osso_button_w"
	file     = "../images/qgn_plat_view_button_w.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }


    image {
        function = FOCUS
	state    = ACTIVE
	detail   = "osso_button_ne"
	file     = "../images/qgn_plat_view_button_ne_pressed_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
        function = FOCUS
	detail   = "osso_button_ne"
	file     = "../images/qgn_plat_view_button_ne_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	shadow   = IN
	detail	 = "osso_button_ne"
	file     = "../images/qgn_plat_view_button_ne_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = SELECTED
	detail	 = "osso_button_ne"
	file     = "../images/qgn_plat_view_button_ne_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = INSENSITIVE
	detail	 = "osso_button_ne"
	file     = "../images/qgn_plat_view_button_ne_disabled.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	detail	 = "osso_button_ne"
	file     = "../images/qgn_plat_view_button_ne.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }


    image {
        function = FOCUS
	state    = ACTIVE
	detail   = "osso_button_es"
	file     = "../images/qgn_plat_view_button_es_pressed_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
        function = FOCUS
	detail   = "osso_button_es"
	file     = "../images/qgn_plat_view_button_es_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	shadow   = IN
	detail	 = "osso_button_es"
	file     = "../images/qgn_plat_view_button_es_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = SELECTED
	detail	 = "osso_button_es"
	file     = "../images/qgn_plat_view_button_es_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = INSENSITIVE
	detail	 = "osso_button_es"
	file     = "../images/qgn_plat_view_button_es_disabled.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	detail	 = "osso_button_es"
	file     = "../images/qgn_plat_view_button_es.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }


    image {
        function = FOCUS
	state    = ACTIVE
	detail   = "osso_button_sw"
	file     = "../images/qgn_plat_view_button_sw_pressed_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
        function = FOCUS
	detail   = "osso_button_sw"
	file     = "../images/qgn_plat_view_button_sw_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	shadow   = IN
	detail	 = "osso_button_sw"
	file     = "../images/qgn_plat_view_button_sw_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = SELECTED
	detail	 = "osso_button_sw"
	file     = "../images/qgn_plat_view_button_sw_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = INSENSITIVE
	detail	 = "osso_button_sw"
	file     = "../images/qgn_plat_view_button_sw_disabled.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	detail	 = "osso_button_sw"
	file     = "../images/qgn_plat_view_button_sw.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }


    image {
        function = FOCUS
	state    = ACTIVE
	detail   = "osso_button_nw"
	file     = "../images/qgn_plat_view_button_nw_pressed_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
        function = FOCUS
	detail   = "osso_button_nw"
	file     = "../images/qgn_plat_view_button_nw_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	shadow   = IN
	detail	 = "osso_button_nw"
	file     = "../images/qgn_plat_view_button_nw_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = SELECTED
	detail	 = "osso_button_nw"
	file     = "../images/qgn_plat_view_button_nw_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = INSENSITIVE
	detail	 = "osso_button_nw"
	file     = "../images/qgn_plat_view_button_nw_disabled.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	detail	 = "osso_button_nw"
	file     = "../images/qgn_plat_view_button_nw.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }


    image {
        function = FOCUS
	state    = ACTIVE
	detail   = "osso_button_ns"
	file     = "../images/qgn_plat_view_button_ns_pressed_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
        function = FOCUS
	detail   = "osso_button_ns"
	file     = "../images/qgn_plat_view_button_ns_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	shadow   = IN
	detail	 = "osso_button_ns"
	file     = "../images/qgn_plat_view_button_ns_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = SELECTED
	detail	 = "osso_button_ns"
	file     = "../images/qgn_plat_view_button_ns_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = INSENSITIVE
	detail	 = "osso_button_ns"
	file     = "../images/qgn_plat_view_button_ns_disabled.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	detail	 = "osso_button_ns"
	file     = "../images/qgn_plat_view_button_ns.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }


    image {
        function = FOCUS
	state    = ACTIVE
	detail   = "osso_button_ew"
	file     = "../images/qgn_plat_view_button_ew_pressed_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
        function = FOCUS
	detail   = "osso_button_ew"
	file     = "../images/qgn_plat_view_button_ew_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	shadow   = IN
	detail	 = "osso_button_ew"
	file     = "../images/qgn_plat_view_button_ew_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = SELECTED
	detail	 = "osso_button_ew"
	file     = "../images/qgn_plat_view_button_ew_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = INSENSITIVE
	detail	 = "osso_button_ew"
	file     = "../images/qgn_plat_view_button_ew_disabled.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	detail	 = "osso_button_ew"
	file     = "../images/qgn_plat_view_button_ew.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }


    image {
        function = FOCUS
	state    = ACTIVE
	detail   = "osso_button_nes"
	file     = "../images/qgn_plat_view_button_nes_pressed_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
        function = FOCUS
	detail   = "osso_button_nes"
	file     = "../images/qgn_plat_view_button_nes_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	shadow   = IN
	detail	 = "osso_button_nes"
	file     = "../images/qgn_plat_view_button_nes_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = SELECTED
	detail	 = "osso_button_nes"
	file     = "../images/qgn_plat_view_button_nes_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = INSENSITIVE
	detail	 = "osso_button_nes"
	file     = "../images/qgn_plat_view_button_nes_disabled.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	detail	 = "osso_button_nes"
	file     = "../images/qgn_plat_view_button_nes.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }


    image {
        function = FOCUS
	state    = ACTIVE
	detail   = "osso_button_esw"
	file     = "../images/qgn_plat_view_button_esw_pressed_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
        function = FOCUS
	detail   = "osso_button_esw"
	file     = "../images/qgn_plat_view_button_esw_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	shadow   = IN
	detail	 = "osso_button_esw"
	file     = "../images/qgn_plat_view_button_esw_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = SELECTED
	detail	 = "osso_button_esw"
	file     = "../images/qgn_plat_view_button_esw_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = INSENSITIVE
	detail	 = "osso_button_esw"
	file     = "../images/qgn_plat_view_button_esw_disabled.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	detail	 = "osso_button_esw"
	file     = "../images/qgn_plat_view_button_esw.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }


    image {
        function = FOCUS
	state    = ACTIVE
	detail   = "osso_button_nsw"
	file     = "../images/qgn_plat_view_button_nsw_pressed_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
        function = FOCUS
	detail   = "osso_button_nsw"
	file     = "../images/qgn_plat_view_button_nsw_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	shadow   = IN
	detail	 = "osso_button_nsw"
	file     = "../images/qgn_plat_view_button_nsw_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = SELECTED
	detail	 = "osso_button_nsw"
	file     = "../images/qgn_plat_view_button_nsw_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = INSENSITIVE
	detail	 = "osso_button_nsw"
	file     = "../images/qgn_plat_view_button_nsw_disabled.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	detail	 = "osso_button_nsw"
	file     = "../images/qgn_plat_view_button_nsw.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }


    image {
        function = FOCUS
	state    = ACTIVE
	detail   = "osso_button_new"
	file     = "../images/qgn_plat_view_button_new_pressed_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
        function = FOCUS
	detail   = "osso_button_new"
	file     = "../images/qgn_plat_view_button_new_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	shadow   = IN
	detail	 = "osso_button_new"
	file     = "../images/qgn_plat_view_button_new_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = SELECTED
	detail	 = "osso_button_new"
	file     = "../images/qgn_plat_view_button_new_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = INSENSITIVE
	detail	 = "osso_button_new"
	file     = "../images/qgn_plat_view_button_new_disabled.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	detail	 = "osso_button_new"
	file     = "../images/qgn_plat_view_button_new.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }


    image {
        function = FOCUS
	state    = ACTIVE
	detail   = "osso_button_nesw"
	file     = "../images/qgn_plat_view_button_nesw_pressed_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
        function = FOCUS
	detail   = "osso_button_nesw"
	file     = "../images/qgn_plat_view_button_nesw_focused.png"
	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	shadow   = IN
	detail	 = "osso_button_nesw"
	file     = "../images/qgn_plat_view_button_nesw_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = SELECTED
	detail	 = "osso_button_nesw"
	file     = "../images/qgn_plat_view_button_nesw_pressed.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = INSENSITIVE
	detail	 = "osso_button_nesw"
	file     = "../images/qgn_plat_view_button_nesw_disabled.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
    image {
	function = BOX
	detail	 = "osso_button_nesw"
	file     = "../images/qgn_plat_view_button_nesw.png"
  	border   = { 14, 14, 14, 14 }
	stretch  = TRUE
    }
  }
}
class "GtkButton" style "osso-button"

widget_class "*.GtkButton.GtkLabel" style "osso-ButtonFont"
widget_class "*.GtkToggleButton.GtkLabel" style "osso-ButtonFont"

#Style for Dialog buttons
style "osso-dialogbutton" {

  # The spec specifies the padding for the button and label. Button
  # padding is specified in sapwoods. The following are for labels.
  GtkButton::padding  = { 12, 12, 0, 0 }
 
  # Minimum width of the label is 60 pixels, thus the miminum width of
  # the button is 100 pixels. Use value 90 here since additional 10
  # pixels is added automagically somewhere in code
  GtkButton::minimum_width  = 90

  engine "sapwood" {

    #######################
    # Dialog buttons
    #######################

    image {
	function = BOX
	state    = ACTIVE
	detail	 = "osso_button_ns"
	file     = "../images/qgn_plat_dialog_button_middle_pressed.png"
 	border   = { 20, 20, 0, 0 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = INSENSITIVE
	detail	 = "osso_button_ns"
	file     = "../images/qgn_plat_dialog_button_middle_disabled.png"
 	border   = { 20, 20, 0, 0 }
	stretch  = TRUE
    }
    image {
        function = BOX
        state    = SELECTED
        detail   = "osso_button_ns"
        file     = "../images/qgn_plat_dialog_button_middle_focused.png"
        border   = { 20, 20, 0, 0 }
        stretch  = TRUE
    }
    image {
	function = BOX
	detail	 = "osso_button_ns"
	file     = "../images/qgn_plat_dialog_button_middle_normal.png"
  	border   = { 20, 20, 0, 0 }
	stretch  = TRUE
    }
    image {
        function = FOCUS
        state    = ACTIVE
        detail   = "osso_button_ns"
        file     = "../images/qgn_plat_dialog_button_middle_focused_pressed.png"
        border   = { 20, 20, 0, 0}
        stretch  = TRUE
    }
    image {
        function = FOCUS
        detail   = "osso_button_ns"
        file     = "../images/qgn_plat_dialog_button_middle_focused.png"
        border   = { 20, 20, 0, 0 }
        stretch  = TRUE
    }
  
    image {
        function = BOX
        state    = ACTIVE
	detail	 = "osso_button_nsw"
	file     = "../images/qgn_plat_dialog_button_left_pressed.png"
  	border   = { 20, 20, 0, 0 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = INSENSITIVE
	detail	 = "osso_button_nsw"
	file     = "../images/qgn_plat_dialog_button_left_disabled.png"
  	border   = { 20, 20, 0, 0 }
	stretch  = TRUE
    }
    image {
        function = BOX
        state    = SELECTED
        detail   = "osso_button_nsw"
        file     = "../images/qgn_plat_dialog_button_left_focused.png"
        border   = { 20, 20, 0, 0 }
        stretch  = TRUE
    }
    image {
	function = BOX
	detail	 = "osso_button_nsw"
	file     = "../images/qgn_plat_dialog_button_left_normal.png"
  	border   = { 20, 20, 0, 0 }
	stretch  = TRUE
    }
    image {
        function = FOCUS
        state    = ACTIVE
        detail   = "osso_button_nsw"
        file     = "../images/qgn_plat_dialog_button_left_focused_pressed.png"
        border   = { 20, 20, 0, 0 }
        stretch  = TRUE
    }
    image {
        function = FOCUS
        detail   = "osso_button_nsw"
        file     = "../images/qgn_plat_dialog_button_left_focused.png"
        border   = { 20, 20, 0, 0 }
        stretch  = TRUE
    }


    image {
	function = BOX
	state    = ACTIVE
	detail	 = "osso_button_nes"
	file     = "../images/qgn_plat_dialog_button_right_pressed.png"
  	border   = { 20, 20, 0, 0 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = INSENSITIVE
	detail	 = "osso_button_nes"
	file     = "../images/qgn_plat_dialog_button_right_disabled.png"
  	border   = { 20, 20, 0, 0 }
	stretch  = TRUE
    }
    image {
        function = BOX
        state    = SELECTED
        detail   = "osso_button_nes"
        file     = "../images/qgn_plat_dialog_button_right_focused.png"
        border   = { 20, 20, 0, 0 }
        stretch  = TRUE
    }
    image {
	function = BOX
	detail	 = "osso_button_nes"
	file     = "../images/qgn_plat_dialog_button_right_normal.png"
  	border   = { 20, 20, 0, 0 }
	stretch  = TRUE
    }
    image {
        function = FOCUS
        state    = ACTIVE
        detail   = "osso_button_nes"
        file     = "../images/qgn_plat_dialog_button_right_focused_pressed.png"
        border   = { 20, 20, 0, 0 }
        stretch  = TRUE
    }
    image {
        function = FOCUS
        detail   = "osso_button_nes"
        file     = "../images/qgn_plat_dialog_button_right_focused.png"
        border   = { 20, 20, 0, 0 }
        stretch  = TRUE
    }
    
    image {
	function = BOX
	state    = ACTIVE
	detail   = "osso_button_nesw"
	file     = "../images/qgn_plat_dialog_button_alone_pressed.png"
  	border   = { 20, 20, 0, 0 }
	stretch  = TRUE
    }
    image {
	function = BOX
	state    = INSENSITIVE
	detail   = "osso_button_nesw"
	file     = "../images/qgn_plat_dialog_button_alone_disabled.png"
  	border   = { 20, 20, 0, 0 }
	stretch  = TRUE
    }
    image {
        function = BOX
        state    = SELECTED
        detail   = "osso_button_nesw"
        file     = "../images/qgn_plat_dialog_button_alone_focused.png"
        border   = { 20, 20, 0, 0 }
        stretch  = TRUE
    }
    image {
	function = BOX
	detail   = "osso_button_nesw"
	file     = "../images/qgn_plat_dialog_button_alone_normal.png"
  	border   = { 20, 20, 0, 0 }
	stretch  = TRUE
    }
    image {
        function = FOCUS
        state    = ACTIVE
        detail   = "osso_button_nesw"
        file     = "../images/qgn_plat_dialog_button_alone_focused_pressed.png"
        border   = { 20, 20, 0, 0 }
        stretch  = TRUE
    }
    image {
        function = FOCUS
        detail   = "osso_button_nesw"
        file     = "../images/qgn_plat_dialog_button_alone_focused.png"
        border   = { 20, 20, 0, 0 }
        stretch  = TRUE
    }
  }
}
widget_class "*.GtkHButtonBox.GtkButton" style "osso-dialogbutton"
#################################################### 
# GTK HORIZONTAL BUTTON BOX
#
# Following style is for switching on hildon theming
# for GtkHButtonBox. 
# Assign this style to all GtkHbuttonBoxes 
#################################################### 

style "osso-hbuttonbox" {

  GtkHButtonBox::hildonlike = 1
  GtkHButtonBox::child_min_height = 47
  GtkHButtonBox::child_min_width = 105
}
class "GtkHButtonBox" style "osso-hbuttonbox"

style "osso-vbuttonbox" {

  GtkVButtonBox::child_min_height = 47
  GtkVButtonBox::child_min_width = 105

}
class "GtkVButtonBox" style "osso-vbuttonbox"
#################################################### 
# GTK CHECKBUTTON
#
# Copyright 2004,2005 Nokia Oyj
#
# TODO : Check whether the focus is needed.
#
# This file has the themeing of check buttons.
# The shadow IN or OUT state specifies whether
# the check box is actually checked.
#
# Shadow ETCHED_IN state is used for indeterminate
# check box state.
#
#################################################### 

style "osso-checkbutton"
{
  GtkCheckButton::indicator-size = 26
  GtkCheckButton::indicator-spacing = 2
  
  ythickness = 0

  engine "sapwood"
  {
    image
    {
      function        = CHECK
      shadow          = OUT
      state           = NORMAL
      overlay_file    = "../images/qgn_plat_check_box_empty_normal.png"
      overlay_border  = { 0, 0, 0, 0 }
      overlay_stretch = TRUE
    }
    image
    {
      function        = CHECK
      shadow          = IN
      state           = NORMAL
      overlay_file    = "../images/qgn_plat_check_box_selected_normal.png"
      overlay_border  = { 0, 0, 0, 0 }
      overlay_stretch = TRUE
    }
    image
    {
      function        = CHECK
      shadow          = OUT
      state           = PRELIGHT
      overlay_file    = "../images/qgn_plat_check_box_empty_normal.png"
      overlay_border  = { 0, 0, 0, 0 }
      overlay_stretch = TRUE
    }
    image
    {
      function        = CHECK
      shadow          = IN
      state           = PRELIGHT
      overlay_file    = "../images/qgn_plat_check_box_selected_normal.png"
      overlay_border  = { 0, 0, 0, 0 }
      overlay_stretch = TRUE
    }
    image
    {
      function        = CHECK
      shadow          = OUT
      state           = ACTIVE
      overlay_file    = "../images/qgn_plat_check_box_empty_focused.png"
      overlay_border  = { 0, 0, 0, 0 }
      overlay_stretch = TRUE
    }
    image
    {
      function        = CHECK
      shadow          = IN
      state           = ACTIVE
      overlay_file    = "../images/qgn_plat_check_box_selected_focused.png"
      overlay_border  = { 0, 0, 0, 0 }
      overlay_stretch = TRUE
    }
    image
    {
      function        = CHECK
      shadow          = OUT
      state           = SELECTED
      overlay_file    = "../images/qgn_plat_check_box_empty_focused.png"
      overlay_border  = { 0, 0, 0, 0 }
      overlay_stretch = TRUE
    }
    image
    {
      function        = CHECK
      shadow          = IN
      state           = SELECTED
      overlay_file    = "../images/qgn_plat_check_box_selected_focused.png"
      overlay_border  = { 0, 0, 0, 0 }
      overlay_stretch = TRUE
    }
    image
    {
      function        = CHECK
      shadow          = OUT
      state           = INSENSITIVE
      overlay_file    = "../images/qgn_plat_check_box_empty_disabled.png"
      overlay_border  = { 0, 0, 0, 0 }
      overlay_stretch = TRUE
    }
    image
    {
      function        = CHECK
      shadow          = IN
      state           = INSENSITIVE
      overlay_file    = "../images/qgn_plat_check_box_selected_disabled.png"
      overlay_border  = { 0, 0, 0, 0 }
      overlay_stretch = TRUE
    }
    image
    {
      function        = CHECK
      overlay_file    = "../images/qgn_plat_check_box_indeterminate_disabled.png"
      overlay_border  = { 0, 0, 0, 0 }
      overlay_stretch = TRUE
      shadow          = ETCHED_IN
      state           = INSENSITIVE
    }
    image
    {
      function        = CHECK
      overlay_file    = "../images/qgn_plat_check_box_indeterminate_normal.png"
      overlay_border  = { 0, 0, 0, 0 }
      overlay_stretch = TRUE
      shadow          = ETCHED_IN
    }
    image
    {
      function        = CHECK
      overlay_file    = "../images/qgn_plat_check_box_indeterminate_focused.png"
      overlay_border  = { 0, 0, 0, 0 }
      overlay_stretch = TRUE
      shadow          = ETCHED_IN
      state= ACTIVE
    }
    image
    {
      function        = FOCUS
      file    	       = "../images/qgn_plat_focus_active.png"
      border  	       = { 2, 2, 2, 2 }
      stretch 	       = TRUE
    }
  }
}
class "GtkCheckButton" style "osso-checkbutton"

widget_class "*.GtkCheckButton.GtkLabel" style "osso-SystemFont"
#################################################### 
# GTK CHECKMENUITEM
#
# Copyright 2004,2005 Nokia Oyj
#
# This file has the themeing of menu check marks
# and the radio buttons when the property 
# draw-as-radio is set. The radio button drawing is
# also inherited to the GtkRadioMenuItem.
# The shadow IN or OUT state specifies whether
# the check box is actually checked.
#
#################################################### 

style "osso-menucheck"
{

  GtkCheckMenuItem::indicator_size = 26
  engine "sapwood"
  {
    image
      {
        function        = CHECK
	shadow          = IN
	state           = INSENSITIVE
	overlay_file    = "../images/qgn_plat_menu_check_mark_disabled.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = CHECK
	shadow          = IN
	state           = ACTIVE
	overlay_file    = "../images/qgn_plat_menu_check_mark_focus.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = CHECK
	shadow          = IN
	state           = PRELIGHT
	overlay_file    = "../images/qgn_plat_menu_check_mark_focus.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = CHECK
	shadow          = IN
	state           = SELECTED
	overlay_file    = "../images/qgn_plat_menu_check_mark_focus.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = CHECK
	shadow          = IN
	overlay_file    = "../images/qgn_plat_menu_check_mark_normal.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = OPTION
	shadow          = IN
	state           = INSENSITIVE
	overlay_file    = "../images/qgn_plat_menu_button_radio_disabled.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = FALSE
      }
    image
      {
        function        = OPTION
	shadow          = IN
	state           = ACTIVE
	overlay_file    = "../images/qgn_plat_menu_button_radio_focus.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = FALSE
      }
    image
      {
        function        = OPTION
	shadow          = IN
	state           = PRELIGHT
	overlay_file    = "../images/qgn_plat_menu_button_radio_focus.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = FALSE
      }
    image
      {
        function        = OPTION
	shadow          = IN
	state           = SELECTED
	overlay_file    = "../images/qgn_plat_menu_button_radio_focus.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = FALSE
      }
    image
      {
        function        = OPTION
	shadow          = IN
	overlay_file    = "../images/qgn_plat_menu_button_radio_normal.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = FALSE
      }
  }
}
class "GtkCheckMenuItem" style "osso-menucheck"
####################################################  
# GTK COMBO BOX (ComboBox and ComboBoxEntry)
#
# Copyright 2004, 2005, 2006 Nokia Oyj
#
# This file has the themeing of comboboxes.
#
# The combobox only allows selection, not edition,
# is named GtkComboBox and is actually just one big 
# GtkButton that has text inside it. Therefore one 
# image per state is enough for it.  
#
# The combobox version that allows editing of the text
# is named GtkComboBoxEntry and consists of two parts:
# A GtkButton and GtkEntry. These have to be themed
# separately.
#
# Additionally, when a combobox is in a toolbar,
# it will use different graphics that show the arrow
# pointing upwards.
#
#################################################### 

style "osso-combobox-base" {

  GtkWidget::focus-line-width = 0
  GtkWidget::focus-padding = 0
  GtkWidget::focus-line-pattern = "\0\0\0\0\0\0\0\0"
  GtkComboBox::hildonlike = 1
  GtkComboBox::arrow-width = 26
  GtkComboBox::arrow-height = 30
  GtkComboBox::minimum-width = 150
  GtkComboBox::autodimmed_button = 1
  GtkComboBox::appears-as-list = 1

}
class "GtkComboBox" style "osso-combobox-base"

###################################################
#
# Styles for non-entry ComboBox
#
###################################################

style "osso-combobox-button" {
  GtkToggleButton::hildonlike = 1
    engine "sapwood" {

        image {
            function = FOCUS
        }
        image {
            function = BOX
            file = "../images/qgn_plat_combobox_button_disabled.png"
            state = INSENSITIVE
            border = { 0, 0, 0, 0 }
            stretch = TRUE
        }
        image {
            function = BOX
            file = "../images/qgn_plat_combobox_button_pressed.png"
            state = ACTIVE
            border = { 0, 0, 0, 0 }
            stretch = TRUE
        }
        image {
            function = BOX
            file = "../images/qgn_plat_combobox_button_normal.png"
            border = { 0, 0, 0, 0 }
            stretch = TRUE
        }
        image {
            function = TAB
        }
    }
}
widget_class "*.GtkComboBox.GtkToggleButton" style "osso-combobox-button"


style "osso-combobox-frame" {

   # GtkFrame::hildonlike = 1
   ythickness = 1

    engine "sapwood" {

        image {
            function = FOCUS
        }
        image {
            function = BOX
            file = "../images/qgn_plat_combobox_frame_disabled.png"
            state = INSENSITIVE
            border = { 2, 2, 0, 0 }
            stretch = TRUE
        }
        image {
            function = BOX
            file = "../images/qgn_plat_combobox_frame_normal.png"
            border = { 2, 2, 0, 0 }
            stretch = TRUE
        }
    }
}
widget_class "*.GtkComboBox.GtkFrame" style "osso-combobox-frame"


###################################################
#
# Styles for ComboBoxEntry
#
###################################################

# We have a base style for combobox-entry too, because we
# might have a different looking search combobox.

style "osso-combobox-entry-base" {

  GtkEntry::hildonlike = 1
  GtkEntry::horizontal-border = 4
  GtkEntry::vertical-border = 0
  GtkEntry::show-last-char = 1

  GtkEntry::icon_width = 0
}
widget_class "*.GtkComboBoxEntry.GtkEntry" style "osso-combobox-entry-base"

# We don't need gtk+ to draw it's arrow. The button drawing is enough for us.

style "osso-combobox-entry-arrow"
{
	engine "sapwood" {
		image {
			function = ARROW
		}
	}
}
widget_class "*.GtkComboBox.GtkToggleButton.GtkArrow" style "osso-combobox-entry-arrow"
widget_class "*.GtkComboBoxEntry.GtkToggleButton.GtkArrow" style "osso-combobox-entry-arrow"


style "osso-combobox-entry-entry" {

  engine "sapwood"
    {
      image
        {
	  function = BOX
	  state    = INSENSITIVE
  	  file = "../images/qgn_plat_listbox_border_with_icon_disabled.png"
	  border   = { 2, 2, 0, 0 }
	  stretch  = TRUE
	}
      image
        {
	  function = BOX
  	  file = "../images/qgn_plat_listbox_border_with_icon_normal.png"
	  border   = { 2, 2, 0, 0 }
	  stretch  = TRUE
	}
    }
}

widget_class "*.GtkComboBoxEntry.GtkEntry" style  "osso-combobox-entry-entry"

style "osso-combobox-entry-button-down" {

	engine "sapwood" {
		image {
			function = FOCUS
			file = "../images/qgn_plat_listbox_arrow_down_pressed.png"
			state = ACTIVE
			border = { 0, 0, 0, 0 }
			stretch = TRUE
		}
		image {
			function = FOCUS
			file = "../images/qgn_plat_listbox_arrow_down_normal.png"
			border = { 0, 0, 0, 0 }
			stretch = TRUE
		}
		image {
			function = BOX
			file = "../images/qgn_plat_listbox_arrow_down_disabled.png"
			state = INSENSITIVE
			border = { 0, 0, 0, 0 }
			stretch = TRUE
		}
		image {
			function = BOX
			file = "../images/qgn_plat_listbox_arrow_down_pressed.png"
			state = ACTIVE
			border = { 0, 0, 0, 0 }
			stretch = TRUE
		}
		image {
			function = BOX
			file = "../images/qgn_plat_listbox_arrow_down_normal.png"
			border = { 0, 0, 0, 0 }
			stretch = TRUE
		}
		image {
			function = TAB
		}
	}
}
widget_class "*.GtkComboBoxEntry.GtkToggleButton" style "osso-combobox-entry-button-down"

# Different themeing to combobox when it's in a toolbar. In this case the
# arrow points upwards.
style "osso-combobox-entry-button-up" {

	engine "sapwood" {
		image {
			function = FOCUS
			file = "../images/qgn_plat_listbox_arrow_up_pressed.png"
			state = ACTIVE
			border = { 0, 0, 0, 0 }
			stretch = TRUE
		}
		image {
			function = FOCUS
			file = "../images/qgn_plat_listbox_arrow_up_normal.png"
			border = { 0, 0, 0, 0 }
			stretch = TRUE
		}
		image {
			function = BOX
			file = "../images/qgn_plat_listbox_arrow_up_disabled.png"
			state = INSENSITIVE
			border = { 0, 0, 0, 0 }
			stretch = TRUE
		}
		image {
			function = BOX
			file = "../images/qgn_plat_listbox_arrow_up_pressed.png"
			state = ACTIVE
			border = { 0, 0, 0, 0 }
			stretch = TRUE
		}
		image {
			function = BOX
			file = "../images/qgn_plat_listbox_arrow_up_normal.png"
			border = { 0, 0, 0, 0 }
			stretch = TRUE
		}
		image {
			function = TAB
		}
	}

}
widget_class "*.GtkToolbar.GtkComboBoxEntry.GtkToggleButton" style "osso-combobox-entry-button-up"
#################################################### 
# GTK DIALOG
#
# Copyright 2004,2005 Nokia Oyj
#
# Theming instructions for GtkDialog -widget
#
# The outer border/frame graphics are themed in matchbox
# theme files located in ../matchbox/*
#
# Only change is setting the button spacing to 5
# pixels.
#
#################################################### 

style "osso-multipage-dialog" {
  GtkDialog::button_spacing = 6
  GtkDialog::content_area_border = 6
  GtkDialog::content_area_spacing = 18
  GtkDialog::action_area_border = 0
  GtkDialog::extended_left_border = 0
  GtkDialog::extended_right_border = 0
  GtkNotebook::inner_left_border = 12
  GtkNotebook::inner_right_border = 12
}

widget_class "GtkDialog.GtkVBox.GtkNotebook" style "osso-multipage-dialog"

style "osso-dialog" {
  GtkDialog::button_spacing = 6
#  GtkDialog::content_area_border = 10
  GtkDialog::content_area_border = 0
  GtkDialog::action_area_border = 10
  GtkDialog::extended_left_border = 0
  GtkDialog::extended_right_border = 0
}

class "GtkDialog" style "osso-dialog"
#################################################### 
# GTK ENTRY (Single line editor)
#
# Copyright 2004,2005 Nokia Oyj
#
# The GtkEntry (single line editor) is themed here.
#
#################################################### 

style "osso-entry" {

	GtkEntry::hildonlike = 1
	GtkEntry::horizontal-border = 6
	GtkEntry::vertical-border = 0
	GtkEntry::show-last-char = 1
	
	engine "sapwood" {
		image {
			function = BOX
			state = INSENSITIVE
			file = "../images/qgn_plat_single_line_input_disabled.png"
			border = { 2, 2, 2, 2 }
			stretch = TRUE
		}
	}

	engine "sapwood" {
		image {
			function = BOX
			file = "../images/qgn_plat_single_line_input.png"
			border = { 2, 2, 2, 2 }
			stretch = TRUE
		}
	}
}
class "GtkEntry" style "osso-entry"
####################################################  
# GTK FRAME
#
# Copyright 2005 Nokia Oyj
#
# This file has the themeing of frames.
# Normal gtk doesn't have themeable, graphical frames
# so this modification was done to allow it.
#
#################################################### 

style "osso-frame"
{
  GtkFrame::hildonlike = 1
  
  xthickness = 3
  ythickness = 3
  
  engine "sapwood"
    {
      image
        {
	  function = BOX
	  state    = INSENSITIVE
	  file     = "../images/qgn_plat_frame_disabled.png"
	  border   = { 3, 3, 3, 3 }
	  stretch  = TRUE
	}
      image
        {
	  function = BOX
	  file     = "../images/qgn_plat_frame.png"
	  border   = { 3, 3, 3, 3 }
	  stretch  = TRUE
	}
    }
}

class "GtkFrame" style "osso-frame"
#################################################### 
# GTK MENU (Menu)
#
# Copyright 2004,2005 Nokia Oyj
#
# The Menu is themed here. This file only themes
# the menu frames. The menu items and their
# variations are themed in separate *menuitem 
# rc files.
#
# There is possibility to have 3 different menu
# frame graphics depending on the situtation :
#  - Application menu. This may have sharp upper
#    corners to show that
#
#
# In osso menus look a bit different depending on 
# how they were activated. We need three different
# styles for GtkMenu widget
# o One with no osso specific theming (failsafe)
# o One with rectangular upper corners
# o One with round corners
#
# TODO: 
# Styles are not using right images yet!
#################################################### 

style "osso-menu" {

   GtkMenu::horizontal_padding = 18
   GtkMenu::vertical_padding = 18

   GtkMenu::hildonlike = 1
   GtkMenu::double_arrows = 1
   
   engine "sapwood" {
      image {
	 function = BOX
	 state = NORMAL
	 file = "../images/qgn_plat_application_menu_lower_level_frame.png"
	 border = { 20, 20, 20, 20 }
	 stretch = TRUE
      }
    image
      {
        function        = ARROW
	state           = ACTIVE
	arrow_direction = UP
	overlay_file    = "../images/qgn_plat_menu_scroll_up_arrow_pressed.png"
	overlay_stretch = FALSE
      }
    image
      {
        function        = ARROW
	state           = INSENSITIVE
	arrow_direction = UP
	overlay_file    = "../images/qgn_plat_menu_scroll_up_arrow_disabled.png"
	overlay_stretch = FALSE
      }
    image
      {
        function        = ARROW
	arrow_direction = UP
	overlay_file    = "../images/qgn_plat_menu_scroll_up_arrow_normal.png"
	overlay_stretch = FALSE
      }
    image
      {
        function        = ARROW
	state           = ACTIVE
	arrow_direction = DOWN
	overlay_file    = "../images/qgn_plat_menu_scroll_down_arrow_pressed.png"
	overlay_stretch = FALSE
      }
    image
      {
        function        = ARROW
	state           = INSENSITIVE
	arrow_direction = DOWN
	overlay_file    = "../images/qgn_plat_menu_scroll_down_arrow_disabled.png"
	overlay_stretch = FALSE
      }
    image
      {
        function        = ARROW
	arrow_direction = DOWN
	overlay_file    = "../images/qgn_plat_menu_scroll_down_arrow_normal.png"
	overlay_stretch = FALSE
      }
   }
}

style "osso-menu-with-corners" {

   GtkMenu::horizontal_padding = 18
   GtkMenu::vertical_padding = 18

   engine "sapwood" {
      image {
	  function = BOX
	  state = NORMAL
	  file = "../images/qgn_plat_application_menu_1st_level_frame.png"
	  border = { 20, 20, 20, 20 }
	  stretch = TRUE
      }
   }
}

style "osso-menu-without-corners" {

   GtkMenu::horizontal_padding = 18
   GtkMenu::vertical_padding = 18

   engine "sapwood" {
      image {
	 function = BOX
	 state = NORMAL
	 file = "../images/qgn_plat_application_menu_lower_level_frame.png"
	 border = { 20, 20, 20, 20 }
	 stretch = TRUE
      }
   }
}

style "osso-menu-from-navigator" {

   GtkMenu::horizontal_padding = 18
   GtkMenu::vertical_padding = 18

   engine "sapwood" {
      image {
	 function = BOX
	 state = NORMAL
	 file = "../images/qgn_plat_task_navigation_menu_frame.png"
	 border = { 20, 20, 20, 20 }
	 stretch = TRUE
      }
   }
}

class "GtkMenu" style "osso-menu"
widget "*.menu_with_corners" style "osso-menu-with-corners"
widget "*.menu_without_corners" style "osso-menu-without-corners"
widget "*.menu_force_with_corners" style "osso-menu-with-corners"
widget "*.menu_force_without_corners" style "osso-menu-without-corners"
widget "*.menu_without_corners_first_level" style "osso-menu-without-corners"
widget "*.menu_combobox" style "osso-menu-without-corners"
widget "*.menu_from_navigator" style "osso-menu-from-navigator"
#################################################### 
# GTK MENUITEM
#
#################################################### 

style "osso-menuitem"
{

  GtkMenuItem::include_arrow_in_focus = 0
  GtkMenuItem::hildonlike = 1
  GtkMenuItem::separator_height = 3

  engine "sapwood"
  {
    # Image for passive focus.
    image
      {
	function = BOX
	state = SELECTED
	file = "../images/qgn_plat_focus_passive.png"
	border = { 2, 2, 2, 2 }
	stretch = TRUE
      }
    
    # Image for active focus.
    image
      {
	function = BOX
	state = PRELIGHT
        file = "../images/qgn_plat_focus_active.png"
        border = { 2, 2, 2, 2 }
	stretch = TRUE
      }
    
    image
      {
        function        = ARROW
        arrow_direction = RIGHT
        state           = INSENSITIVE
        overlay_file    = "../images/qgn_plat_menu_next_level_arrow_disabled.png"
        overlay_border  = { 0, 0, 0, 0 }
        overlay_stretch = FALSE
      }
    image
      {
        function        = ARROW
	arrow_direction = RIGHT
	shadow          = OUT
	overlay_file    = "../images/qgn_plat_menu_next_level_arrow_normal.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = FALSE
      }
    image
      {
        function        = ARROW
        arrow_direction = RIGHT
        shadow          = IN
        overlay_file    = "../images/qgn_plat_menu_next_level_arrow_pressed.png"
        overlay_border  = { 0, 0, 0, 0 }
        overlay_stretch = FALSE
      }
     image
      {
        function        = BOX
	detail          = "separator"
        file            = "../images/qgn_plat_separator_horizontal.png"
        border          = { 12, 12, 0, 0 }
        stretch         = TRUE
      }
  }		  
}

class "GtkMenuItem" style "osso-menuitem"
#################################################### 
# GTK NOTEBOOK (Multipage stuff)
#
# Copyright 2004,2005 Nokia Oyj
#
# BOX_GAP functions is used to draw the image for
# the opened page frame. This has two possible
# detail fields - "notebook" and "notebook_show_arrow".
# The "notebook" is used when the arrows to cycle
# through the tabs are not present and
# "notebook_show_arrow" is used when they are present.
#
#################################################### 

# Tabbed windows
style "osso-notebook"
{
  GtkNotebook::inner_left_border = 0
  GtkNotebook::inner_right_border = 0
  GtkNotebook::tab-overlap = 0
  GtkNotebook::arrow-spacing = 6
  GtkNotebook::label-padding = 12
  GtkWidget::scroll-arrow-hlength = 20
  GtkWidget::scroll-arrow-vlength = 30

  # Themings for images on different sides of the notebook.
  engine "sapwood"
  {
    # Top theming.
    image 
      {
        function = EXTENSION
	state    = ACTIVE
	file     = "../images/qgn_plat_notebook_tab_passive.png"
	border   = { 12, 12, 0, 0 }
	stretch  = TRUE
	gap_side = BOTTOM
      }
    image
      {
        function = EXTENSION
	file     = "../images/qgn_plat_notebook_tab_active.png"
	border   = { 12, 12, 0, 0 }
	stretch  = TRUE
	gap_side = BOTTOM
      }
    # Content area theming when arrows are not present.
    image
      {
        function = BOX_GAP
	detail   = "notebook"
        file     = "../images/qgn_plat_notebook_tab_area_border.png"
        border   = { 10, 10, 0, 20 }
        stretch  = TRUE
      }
    # Content area theming when arrows are present.
    image
      {
        function = BOX_GAP
	detail   = "notebook_show_arrow"
        file     = "../images/qgn_plat_notebook_tab_area_border_arrow_space.png"
        border   = { 38, 38, 10, 10 }
        stretch  = TRUE
      }
      
    # Arrows left
    image
      {
        function        = ARROW
        state           = INSENSITIVE
	arrow_direction = LEFT
	overlay_file    = "../images/qgn_plat_notebook_button_previous_disabled.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = ARROW
        shadow          = IN
	arrow_direction = LEFT
	overlay_file    = "../images/qgn_plat_notebook_button_previous_pressed.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = ARROW
        shadow          = OUT
	arrow_direction = LEFT
	overlay_file    = "../images/qgn_plat_notebook_button_previous.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    
    # Arrows right
    image
      {
        function        = ARROW
        state           = INSENSITIVE
	arrow_direction = RIGHT
	overlay_file    = "../images/qgn_plat_notebook_button_next_disabled.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = ARROW
        shadow          = IN
	arrow_direction = RIGHT
	overlay_file    = "../images/qgn_plat_notebook_button_next_pressed.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = ARROW
        shadow          = OUT
	arrow_direction = RIGHT
	overlay_file    = "../images/qgn_plat_notebook_button_next.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
  }
}
class "GtkNotebook" style "osso-notebook"

widget_class "*.GtkNotebook.GtkLabel" style "osso-ButtonFont"
#################################################### 
# GTK PANED
#
# Copyright 2006 Nokia Oyj
#
# The GtkPaned is themed here
#
#################################################### 

style "osso-paned"  = "osso-logical-colors" {

    bg[NORMAL] = "PaintedBackgrdColor"  
    bg[PRELIGHT] = "PaintedBackgrdColor"  
    GtkPaned::handle_size = 10

    engine "sapwood"
    {
        image
        {
            function    = HANDLE
            file        = "../images/qgn_plat_separator_vertical_paned.png"
            overlay_file= "../images/qgn_plat_separator_vertical_paned_thumb.png"
            orientation = VERTICAL
            border      = {0,0,12,12}
            overlay_stretch = FALSE
        }
        image
        {
            function    = HANDLE
            file        = "../images/qgn_plat_separator_horizontal_paned.png"
            overlay_file= "../images/qgn_plat_separator_horizontal_paned_thumb.png"
            orientation = HORIZONTAL
            border      = {12,12,0,0}
            overlay_stretch = FALSE
        }
    }
}

class "GtkPaned" style "osso-paned"
#################################################### 
# GTK PROGRESSBAR
#
#################################################### 

style "osso-progressbar" = "osso-logical-colors"
{
  xthickness = 2
  ythickness = 3
  GtkProgressBar::width-increment = 0
  GtkProgressBar::height-increment = 0
  GtkProgressBar::text-spacing = -2
  GtkProgressBar::text-xnudge = 0
  GtkProgressBar::text-ynudge = 0
  
  fg[NORMAL] = "ProgressTextColor1"
  fg[PRELIGHT] = "ProgressTextColor2"
  
  engine "sapwood"
  {
    image
      {
	function = BOX
	detail = "bar"
	file = "../images/qgn_plat_progress_bar_gradient.png"
	border = { 0, 0, 0, 0 }
	stretch = TRUE
      }
    image 
      {	
	function = BOX
	detail = "trough"
	file = "../images/qgn_plat_progress_bar_border.png"
	border = { 4, 4, 0, 0 }
	stretch = TRUE

	# If orientation is set to HORIZONTAL, then the box will not be
	# drawn if HEIGHT > WIDTH
	# If orientation is set to VERTICAL, then the box will not be
	# dranw if HEIGHT < WIDTH
	# Hence: do not set orientation to anything :-)
	# Fixes bug #447 and #413
      }
  }
}

class "GtkProgressBar" style "osso-progressbar"
#################################################### 
# GTK RADIOBUTTON
#
#################################################### 
	
style "osso-radiobutton"
{
  GtkCheckButton::indicator-size = 26
  GtkCheckButton::indicator-spacing = 2
  
  ythickness = 0

  engine "sapwood"
  {
    image
      {
        function        = OPTION
	shadow          = OUT
	state           = NORMAL
	overlay_file    = "../images/qgn_plat_button_radio_empty_normal.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
       function        = OPTION
	shadow          = IN
	state           = NORMAL
	overlay_file    = "../images/qgn_plat_button_radio_selected_normal.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = OPTION
	shadow          = OUT
	state           = PRELIGHT
	overlay_file    = "../images/qgn_plat_button_radio_empty_normal.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = OPTION
	shadow          = IN
	state           = PRELIGHT
	overlay_file    = "../images/qgn_plat_button_radio_selected_normal.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = OPTION
	shadow          = OUT
	state           = ACTIVE
	overlay_file    = "../images/qgn_plat_button_radio_empty_focused.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = OPTION
	shadow          = IN
	state           = ACTIVE
	overlay_file    = "../images/qgn_plat_button_radio_selected_focused.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image
      {
        function        = OPTION
	shadow          = OUT
	state           = INSENSITIVE
	overlay_file    = "../images/qgn_plat_button_radio_empty_disabled.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
    image 
      {
        function        = OPTION
	shadow          = IN
	state           = INSENSITIVE
	overlay_file    = "../images/qgn_plat_button_radio_selected_disabled.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
      }
  }
}
class "GtkRadioButton" style "osso-radiobutton"

widget_class "*.GtkRadioButton.GtkLabel" style "osso-SystemFont"
#################################################### 
# GTK RANGE
#
#################################################### 

style "osso-range"
{
# Not sure what these two change, so I'm leaving them out.
#  GtkRange::slider_width = 16
#  GtkRange::stepper_size = 16

  # Alignment in entry box. 0 = left, 1 = right
  GtkRange::hildon_range_editor_entry_alignment = 1
  # Amount of padding to add to each side of the separator
  GtkRange::hildon_range_editor_separator_padding = 6
  
  engine "sapwood"
  {
    # Vertical
    image
      {
        function        = BOX
	orientation     = VERTICAL
	state		= INSENSITIVE
	file            = "../images/qgn_plat_scroll_vertical_shaft_disabled.png"
	border          = { 0, 0, 0, 0 }
	stretch         = TRUE
      }
    image
      {
        function        = SLIDER
	orientation     = VERTICAL
	state		= INSENSITIVE
	file            = "../images/qgn_plat_scroll_vertical_thumb_disabled.png"
	border		= { 0, 0, 10, 10 }
	stretch         = TRUE
      }
    image
      {
        function        = BOX
	orientation     = VERTICAL
	file            = "../images/qgn_plat_scroll_vertical_shaft_normal.png"
	border          = { 0, 0, 0, 0 }
	stretch         = TRUE
      }
    image
      {
        function        = SLIDER
	orientation     = VERTICAL
	file            = "../images/qgn_plat_scroll_vertical_thumb_normal.png"
	border		= { 0, 0, 10, 10 }
	stretch         = TRUE
      }
    
    # Horizontal
    image
      {
        function        = BOX
	orientation     = HORIZONTAL
	state		= INSENSITIVE
	file            = "../images/qgn_plat_scroll_horizontal_shaft_disabled.png"
	border          = { 0, 0, 0, 0 }
	stretch         = TRUE
      }
    image 
      {
        function        = SLIDER
	orientation     = HORIZONTAL
	state		= INSENSITIVE
	file            = "../images/qgn_plat_scroll_horizontal_thumb_disabled.png"
	border		= { 10, 10, 0, 0 }
	stretch         = TRUE
      }
    image
      {
        function        = BOX
	orientation     = HORIZONTAL
	file            = "../images/qgn_plat_scroll_horizontal_shaft_normal.png"
	border          = { 0, 0, 0, 0 }
	stretch         = TRUE
      }
    image 
      {
        function        = SLIDER
	orientation     = HORIZONTAL
	file            = "../images/qgn_plat_scroll_horizontal_thumb_normal.png"
	border		= { 10, 10, 0, 0 }
	stretch         = TRUE
      }
  }
}

# superclass of scale and and scrollbar
class "GtkRange" style "osso-range"
#################################################### 
# GTK SCROLLBAR
#
#################################################### 

style "osso-scrollbar"
{

  GtkRange::stepper_size = 26
  GtkRange::stepper_spacing = 0
  GtkRange::trough_border = 0
  GtkRange::slider_width = 22
  GtkRange::draw_trough_under_steppers = 0
  GtkRange::draw_trough = 0
  GtkRange::arrow_displacement_x = 0
  GtkRange::arrow_displacement_y = 0
  GtkRange::autodimmed_steppers = 1
  GtkScrollbar::min-slider-length = 32

  engine "sapwood"
  {

    # left
    image 
      {
        function        = STEPPER
	state           = ACTIVE
	arrow_direction = LEFT
	overlay_file    = "../images/qgn_plat_scroll_horizontal_left_arrow_pressed.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = FALSE
      }
    image
      {
        function        = STEPPER
	state           = SELECTED
	arrow_direction = LEFT
	overlay_file    = "../images/qgn_plat_scroll_horizontal_left_arrow_pressed.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = FALSE
      }
    image
      {
        function        = STEPPER
	state           = INSENSITIVE
	arrow_direction = LEFT
	overlay_file    = "../images/qgn_plat_scroll_horizontal_left_arrow_disabled.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = FALSE
      }
    image    
      {
        function        = STEPPER
	arrow_direction = LEFT
	overlay_file    = "../images/qgn_plat_scroll_horizontal_left_arrow_normal.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = FALSE
      }
    
    # right
    image
      {
        function        = STEPPER
	state           = ACTIVE
	arrow_direction = RIGHT
	overlay_file    = "../images/qgn_plat_scroll_horizontal_right_arrow_pressed.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = FALSE
      }
    image
      {
        function        = STEPPER
	state           = SELECTED
	arrow_direction = RIGHT
	overlay_file    = "../images/qgn_plat_scroll_horizontal_right_arrow_pressed.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = FALSE
      }
    image
      {
        function        = STEPPER
	state           = INSENSITIVE
	arrow_direction = RIGHT
	overlay_file    = "../images/qgn_plat_scroll_horizontal_right_arrow_disabled.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = FALSE
      }
    image
      {
        function        = STEPPER
	arrow_direction = RIGHT
	overlay_file    = "../images/qgn_plat_scroll_horizontal_right_arrow_normal.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = FALSE
      }

    # up
    image
      {
        function        = STEPPER
	state           = ACTIVE
	arrow_direction = UP
	overlay_file    = "../images/qgn_plat_scroll_vertical_up_arrow_pressed.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = FALSE
      }
    image
      {
        function        = STEPPER
	state           = SELECTED
	arrow_direction = UP
	overlay_file    = "../images/qgn_plat_scroll_vertical_up_arrow_pressed.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = FALSE
      }
    image
      {
        function        = STEPPER
	state           = INSENSITIVE
	arrow_direction = UP
	overlay_file    = "../images/qgn_plat_scroll_vertical_up_arrow_disabled.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = FALSE
      }
    image
      {
        function        = STEPPER
	arrow_direction = UP
	overlay_file    = "../images/qgn_plat_scroll_vertical_up_arrow_normal.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = FALSE
      }
    
    # down
    image
      {
        function        = STEPPER
	state           = ACTIVE
	arrow_direction = DOWN
	overlay_file    = "../images/qgn_plat_scroll_vertical_down_arrow_pressed.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = FALSE
      }
    image
      {
        function        = STEPPER
	state           = SELECTED
	arrow_direction = DOWN
	overlay_file    = "../images/qgn_plat_scroll_vertical_down_arrow_pressed.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = FALSE
      }
    image
      {
        function        = STEPPER
	state           = INSENSITIVE
	arrow_direction = DOWN
	overlay_file    = "../images/qgn_plat_scroll_vertical_down_arrow_disabled.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = FALSE
      }
    image
      {
        function        = STEPPER
	arrow_direction = DOWN
	overlay_file    = "../images/qgn_plat_scroll_vertical_down_arrow_normal.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = FALSE
      }
  }
}

class "GtkScrollbar" style "osso-scrollbar"
#######################################
# GtkScrolledWindow
#######################################

style "osso-scrolledwindow"
{

  GtkScrolledWindow::scrollbar-spacing = 6

}
class "GtkScrolledWindow" style "osso-scrolledwindow"

style "osso-special-scrolledwindow"
{
	GtkScrolledWindow::scrollbar-dislocation = 1
}

widget_class "*.GtkScrolledWindow" style "osso-special-scrolledwindow"
widget_class "GtkDialog.GtkVBox.GtkScrolledWindow" style "osso-special-scrolledwindow"
#################################################### 
# GTK SEPARATOR
#
# Copyright 2005 Nokia Oyj
#
# This file themes separators.
# Not really working yet this way as it will require
# code changes to Gtk+ to work properly. Until then
# the below style won't hurt anyone.
#
####################################################

style "osso-separator"
{
  engine "sapwood"
    {
      image
        {
	  function    = BOX
	  detail      = "hseparator"
	  file        = "../images/qgn_plat_separator_horizontal.png"
	  border      = { 5, 5, 0, 0 }
	  stretch     = TRUE
	}
      image
        {
	  function    = BOX
	  detail      = "vseparator"
	  file        = "../images/qgn_plat_separator_vertical.png"
	  border      = { 0, 0, 5, 5 }
	  stretch     = TRUE
	}
    }
}

class "GtkSeparator" style "osso-separator"
#
# GTK-SETTINGS
#

# Default backend to use
gtk-file-chooser-backend = "gnome-vfs"

# Are we using toolbar animation
gtk-toolbar-animation = 0
gtk-toolbar-style = GTK_TOOLBAR_ICONS

# Keyboard navigation
hildon-keyboard-navigation = 1

# Menu interaction
gtk-menu-shell-timeout = -1

# Drag and drop treshold
gtk-dnd-drag-threshold = 30

####################################################  
# GTK TEXTVIEW (Multiline editor)
#
# Copyright 2005 Nokia Oyj
#
# This file has the themeing of GtkTextView.
#
#################################################### 

style "osso-textview"
{
  GtkWidget::focus_line_width = 3
  
  engine "sapwood"
    {
      image
        {
	  function = FOCUS
	  state    = INSENSITIVE
	  detail   = "textview"
	  file     = "../images/qgn_plat_multi_line_input_disabled.png"
	  border   = { 2, 2, 2, 2 }
	  stretch  = TRUE
	}
      image
        {
	  function = FOCUS
	  detail   = "textview"
	  file     = "../images/qgn_plat_multi_line_input.png"
	  border   = { 2, 2, 2, 2 }
	  stretch  = TRUE
	}
      image
        {
	  function = FOCUS
#	  detail   = "textview"
	  file     = "../images/qgn_plat_multi_line_input.png"
	  border   = { 2, 2, 2, 2 }
	  stretch  = TRUE
	}
    }
}

class "GtkTextView" style "osso-textview"
#################################################### 
# GTK TOOLBAR
#
#################################################### 

style "osso-toolbar"
{
  GtkToolbar::button-relief = GTK_RELIEF_NORMAL
  GtkToolbar::shadow-type = GTK_SHADOW_NONE
  GtkToolbar::max-child-expand = 800
  engine "sapwood"
  {
    image
    {
      function = BOX
    }
  }
}
class "GtkToolbar" style "osso-toolbar"

style "osso-toolbar-separator"
{
	GtkSeparatorToolItem::separator_size = 15
	GtkSeparatorToolItem::is_image = 1
	engine "sapwood"
	{	

		image{
			function = BOX
			shadow = NONE
			state = NORMAL
			detail = "vertical"
			file = "../images/qgn_plat_toolbar_separator.png"
			stretch = TRUE
			border = {0,0,0,0}
		}
		image{
			function = BOX
			shadow = NONE
			state = NORMAL
			detail = "horizontal"
			file = "../images/qgn_plat_toolbar_separator.png"
			stretch = TRUE
			border = {0,0,0,0}
		}
	}
}
class "GtkSeparatorToolItem" style "osso-toolbar-separator"

#################################################### 
# GTK TOOL BUTTON
# 
# Make sure the button appears "pushed" when the
# button is active, but we are in PRELIGHT state.
#################################################### 

# default style:
style "osso-toolbutton" {

   GtkButton::child_displacement_x = -2
   GtkButton::child_displacement_y = 2
   GtkButton::minimum_width = 48
#   GtkButton::minimum_height = 40

   engine "sapwood" {

      image
      {
          function          = FOCUS
      }
      image
      {
          function          = BOX
	      state             = ACTIVE
          file              = "../images/qgn_plat_toolbar_button_pressed.png"
	      border            = { 23, 23, 0, 0 }	
          stretch           = TRUE
      }
      image
      {
          function          = BOX
     	  state             = PRELIGHT
	      shadow            = OUT
          file              = "../images/qgn_plat_toolbar_button_normal.png"
          border            = { 23, 23, 0, 0 }	
          stretch           = TRUE
      }
      image
      {
          function          = BOX
    	  state             = PRELIGHT
    	  shadow            = IN
          file              = "../images/qgn_plat_toolbar_button_pressed.png"
    	  border            = { 23, 23, 0, 0 }	
          stretch           = TRUE
      }
      image
      {
          function          = BOX
    	  state             = INSENSITIVE
          file              = "../images/qgn_plat_toolbar_button_disabled.png"
    	  border            = { 23, 23, 0, 0 }	
          stretch           = TRUE
      }
      image
      {
          function          = BOX
          file              = "../images/qgn_plat_toolbar_button_normal.png"		             
	      border            = { 23, 23, 0, 0 }	
          stretch           = TRUE
      }
   }
}

widget_class "*.GtkToolButton.GtkButton" style "osso-toolbutton"
widget_class "*.GtkToggleToolButton.GtkToggleButton" style "osso-toolbutton"
widget_class "*.GtkMenuToolButton.GtkHBox.GtkButton" style "osso-toolbutton"
widget_class "*.GtkMenuToolButton.GtkHBox.GtkToggleButton" style "osso-toolbutton"
widget_class "*.GtkRadioToolButton.GtkRadioButton" style "osso-toolbutton"


# The below two lines are mainly for Sketch application.
# Especially the togglebutton thins is pretty interesting

widget_class "*.GtkToolItem.HildonColorButton" style "osso-toolbutton"
widget_class "*.GtkToolbar.GtkToggleButton" style "osso-toolbutton"

#################################################### 
# GTK TOGGLE BUTTON
# 
# Make sure the button appears "pushed" when the toggle
# button is active, but we are in PRELIGHT state.
#################################################### 

# default style:
style "osso-toggletoolbutton" {

   engine "sapwood" {

      image
      {
          function          = BOX
              state             = ACTIVE
          file              = "../images/qgn_plat_toolbar_button_selected.png"
          border            = { 23, 23, 0, 0 }	
          stretch           = TRUE
      }
      image
      {
          function          = BOX
          state             = PRELIGHT
          shadow            = IN
          file              = "../images/qgn_plat_toolbar_button_selected.png"
          border            = { 23, 23, 0, 0 }	
          stretch           = TRUE
      }
   }
}

widget_class "*.GtkToolbar.GtkToggleToolButton.GtkToggleButton" style "osso-toggletoolbutton"
# Theming for both GtkTreeView and GtkListView.

style "osso-listview" = "osso-logical-colors"
{

  text[ACTIVE] = "DefaultTextColor"
  text[SELECTED] = "DefaultTextColor"

  GtkTreeView::odd_row_color = "DefaultBackgrdColor"
  GtkTreeView::even_row_color = "DefaultBackgrdColor"
  GtkTreeView::expander-size = 0
  GtkTreeView::expander-indent = 8
  GtkTreeView::horizontal-separator = 6
  GtkTreeView::vertical-separator = 2	  
  GtkTreeView::hildonlike = 1
  GtkTreeView::passive_focus = 1

  engine "sapwood"
  {
    image
      {
        function        = CHECK
        state           = INSENSITIVE
        shadow          = IN
        detail          = "cellcheck"
        overlay_file    = "../images/qgn_plat_check_box_selected_disabled.png"
        overlay_border  = { 0, 0, 0, 0 }
        overlay_stretch = FALSE
      }
    image
      {
        function        = CHECK
        state           = SELECTED
        shadow          = IN
        detail          = "cellcheck"
        overlay_file    = "../images/qgn_plat_check_box_selected_focused.png"
        overlay_border  = { 0, 0, 0, 0 }
        overlay_stretch = FALSE
      }  
    image
      {
        function        = CHECK
        state           = ACTIVE
        shadow          = IN
        detail          = "cellcheck"
        overlay_file    = "../images/qgn_plat_check_box_selected_focused.png"
        overlay_border  = { 0, 0, 0, 0 }
        overlay_stretch = FALSE
      }  
    image
      {
        function        = CHECK
        state           = PRELIGHT
        shadow          = IN
        detail          = "cellcheck"
        overlay_file    = "../images/qgn_plat_check_box_selected_normal.png"
        overlay_border  = { 0, 0, 0, 0 }
        overlay_stretch = FALSE
      }  
    image
      {
        function        = CHECK
        state           = NORMAL
        shadow          = IN
        detail          = "cellcheck"
        overlay_file    = "../images/qgn_plat_check_box_selected_normal.png"
        overlay_border  = { 0, 0, 0, 0 }
        overlay_stretch = FALSE
      }  
    image
      {
        function        = CHECK
        state           = INSENSITIVE
        shadow          = OUT
        detail          = "cellcheck"
        overlay_file    = "../images/qgn_plat_check_box_empty_disabled.png"
        overlay_border  = { 0, 0, 0, 0 }
        overlay_stretch = FALSE
      }
    image
      {
        function        = CHECK
        state           = SELECTED
        shadow          = OUT
        detail          = "cellcheck"
        overlay_file    = "../images/qgn_plat_check_box_empty_focused.png"
        overlay_border  = { 0, 0, 0, 0 }
        overlay_stretch = FALSE
      }  
    image
      {
        function        = CHECK
        state           = ACTIVE
        shadow          = OUT
        detail          = "cellcheck"
        overlay_file    = "../images/qgn_plat_check_box_empty_focused.png"
        overlay_border  = { 0, 0, 0, 0 }
        overlay_stretch = FALSE
      }  
    image
      {
        function        = CHECK
        state           = PRELIGHT
        shadow          = OUT
        detail          = "cellcheck"
        overlay_file    = "../images/qgn_plat_check_box_empty_normal.png"
        overlay_border  = { 0, 0, 0, 0 }
        overlay_stretch = FALSE
      }  
    image
      {
        function        = CHECK
        state           = NORMAL
        shadow          = OUT
        detail          = "cellcheck"
        overlay_file    = "../images/qgn_plat_check_box_empty_normal.png"
        overlay_border  = { 0, 0, 0, 0 }
        overlay_stretch = FALSE
      }  
    image
      {
        function        = CHECK
        state           = NORMAL
        detail          = "cellcheck"
        overlay_file    = "../images/qgn_plat_check_box_empty_normal.png"
        overlay_border  = { 0, 0, 0, 0 }
        overlay_stretch = FALSE
      }
    image
      {
        function        = CHECK
        state           = PRELIGHT
        detail          = "cellcheck"
        overlay_file    = "../images/qgn_plat_check_box_empty_normal.png"
        overlay_border  = { 0, 0, 0, 0 }
        overlay_stretch = FALSE
      }
    image
      {
        function        = CHECK
        state           = ACTIVE
        detail          = "cellcheck"
        overlay_file    = "../images/qgn_plat_check_box_selected_normal.png"
        overlay_border  = { 0, 0, 0, 0 }
        overlay_stretch = FALSE
      }
    image
      {
        function        = CHECK
        state           = SELECTED
        detail          = "cellcheck"
        overlay_file    = "../images/qgn_plat_check_box_selected_normal.png"
        overlay_border  = { 0, 0, 0, 0 }
        overlay_stretch = FALSE
      }
    image
      {
        function        = CHECK
        state           = INSENSITIVE
        detail          = "cellcheck"
        overlay_file    = "../images/qgn_plat_check_box_empty_normal.png"
        overlay_border  = { 0, 0, 0, 0 }
        overlay_stretch = FALSE
      }
    image
    {
      function = FLAT_BOX
      state    = SELECTED
      detail = "left"
      file = "../images/qgn_plat_focus_left_selection.png"
      border = { 2, 0, 2, 2 }
      stretch = TRUE
    }
    image
    {
      function = FLAT_BOX
      state    = SELECTED
      detail = "middle"
      file = "../images/qgn_plat_focus_middle_selection.png"
      border = { 0, 0, 2, 2 }
      stretch = TRUE
    }
    image
    {
      function = FLAT_BOX
      state    = SELECTED
      detail = "right"
      file = "../images/qgn_plat_focus_right_selection.png"
      border = { 0, 2, 2, 2 }
      stretch = TRUE
    }
    image
    {
      function = FLAT_BOX
      state    = SELECTED
      detail = "full"
      file = "../images/qgn_plat_focus_selection.png"
      border = { 2, 2, 2, 2 }
      stretch = TRUE
    }
    image
    {
      function = FOCUS
      detail = "left"
      file = "../images/qgn_plat_focus_left_active.png"
      border = { 2, 0, 2, 2 }
      stretch = TRUE
    }
    image
    {
      function = FOCUS
      detail = "middle"
      file = "../images/qgn_plat_focus_middle_active.png"
      border = { 0, 0, 2, 2 }
      stretch = TRUE
    }
    image
    {
      function = FOCUS
      detail = "right"
      file = "../images/qgn_plat_focus_right_active.png"
      border = { 0, 2, 2, 2 }
      stretch = TRUE
    }
    image
    {
      function = FOCUS
      detail = "full"
      file = "../images/qgn_plat_focus_active.png"
      border = { 2, 2, 2, 2 }
      stretch = TRUE
    }
    image
    {
      function = FOCUS
      detail = "treeview-drop-indicator-left"
      file = "../images/qgn_plat_focus_left_active.png"
      border = { 2, 0, 2, 2 }
      stretch = TRUE
    }
    image
    {
      function = FOCUS
      detail = "treeview-drop-indicator-middle"
      file = "../images/qgn_plat_focus_middle_active.png"
      border = { 0, 0, 2, 2 }
      stretch = TRUE
    }
    image
    {
      function = FOCUS
      detail = "treeview-drop-indicator-right"
      file = "../images/qgn_plat_focus_right_active.png"
      border = { 0, 2, 2, 2 }
      stretch = TRUE
    }
    image
    {
      function = FOCUS
      detail = "treeview-drop-indicator"
      file = "../images/qgn_plat_focus_active.png"
      border = { 2, 2, 2, 2 }
      stretch = TRUE
    }
  }
}

class "GtkTreeView" style "osso-listview"
class "GtkListView" style "osso-listview"


style "osso-listboxheader"
{
  GtkButton::separator-height = 15
  engine "sapwood"
    {
      image
        {
	  function = BOX
	  file = "../images/qgn_plat_column_listbox_header.png"
	  border = { 2, 2, 2, 17 }
	}
      image
        {
	  function = FOCUS
	  file = "../images/qgn_plat_column_listbox_header.png"
	  border = { 2, 2, 2, 17 }
	}
    }
}
widget_class "*.GtkTreeView.GtkButton" style "osso-listboxheader"


style "osso-treeviewcolumn-sortarrow" {
	engine "sapwood" {
		image {
			function = ARROW
			arrow_direction = DOWN
			overlay_file = "../images/qgn_plat_arrow_listbox_header_down.png"
		        overlay_stretch = FALSE
		}
		image {
			function = ARROW
			arrow_direction = UP
			overlay_file = "../images/qgn_plat_arrow_listbox_header_up.png"
		        overlay_stretch = FALSE
		}
	}
}
widget_class "*.GtkTreeView.GtkButton.GtkHBox.GtkArrow" style "osso-treeviewcolumn-sortarrow"


################################
# Passive focus to GtkTreeView
################################

style "osso-focus"
{
	engine "sapwood"
	{
		image
		{
			function = FOCUS
                        detail = "left"
			file = "../images/qgn_plat_focus_left_passive.png"
			border = { 2, 0, 2, 2 }
			stretch = TRUE
		}		
		image
		{
			function = FOCUS
                        detail = "middle"
			file = "../images/qgn_plat_focus_middle_passive.png"
			border = { 0, 0, 2, 2 }
			stretch = TRUE
		}		
		image
		{
			function = FOCUS
                        detail = "right"
			file = "../images/qgn_plat_focus_right_passive.png"
			border = { 0, 2, 2, 2 }
			stretch = TRUE
		}		
		image
		{
			function = FOCUS
                        detail = "full"
			file = "../images/qgn_plat_focus_passive.png"
			border = { 2, 2, 2, 2 }
			stretch = TRUE
		}		
	}
}
widget "hildon-focus" style "osso-focus"
####################################################
# GTK MENU TOOL BUTTON
#
# Copyright 2006 Nokia Oyj
#
# This file has the themeing of toolbar's menu
# button.
#
# The choicelist version of combobox which only
# allows selection, not edition is named GtkComboBox
# and is actually just one big GtkButton that has text
# inside it. Therefore one image per state is enough
# for it.
#
# The combobox version that allows editing of the text
# is named GtkComboBoxEntry and consists of two parts:
# A GtkButton and GtkEntry. These have to be themed
# separately.
#
# Additionally, when a combobox is in a toolbar,
# it will use different graphics that show the arrow
# pointing upwards.
#
####################################################


####################################################
#
# Style for the menutoolbuttonarrow
#
####################################################

style "osso-menutoolbuttonarrow" {

    engine "sapwood" {
        image {
            function = FOCUS
            file = "../images/qgn_plat_toolbar_menu_button_pressed.png"
            state = ACTIVE
        }
        image {
            function = FOCUS
            file = "../images/qgn_plat_toolbar_menu_button_normal.png"
        }
        image {
            function = BOX
            file = "../images/qgn_plat_toolbar_menu_button_disabled.png"
            state = INSENSITIVE
        }
        image {
            function = BOX
            file = "../images/qgn_plat_toolbar_menu_button_pressed.png"
            state = ACTIVE
        }
        image {
            function = BOX
            file = "../images/qgn_plat_toolbar_menu_button_normal.png"
        }
        image {
            function = TAB
        }
    }
}

widget "*.GtkMenuToolButton.GtkHBox.GtkToggleButton.GtkArrow" style "osso-menutoolbuttonarrow"
#################################################### 
# GTK FILE CHOOSER BUTTON
#
# Copyright 2006 Nokia Oyj
#
# The GtkFileChooserButton is themed here
#
#################################################### 

style "osso-filechooserbutton" {

    GtkFileChooserButton::hildonlike = 1
}

class "GtkFileChooserButton" style "osso-filechooserbutton"

style "osso-filechooserbutton-button" {

    GtkFileChooserButton::hildonlike = 1

    # file chooser button
    engine "sapwood" {
      image {
          function = FOCUS
          state    = ACTIVE
    	  detail   = "buttondefault"
  	  file = "../images/qgn_plat_single_line_input.png"
  	  border   = { 2, 2, 2, 2 }
  	  stretch  = TRUE
      }
      image {
          function = FOCUS
	  detail   = "buttondefault"
  	  file = "../images/qgn_plat_single_line_input.png"
	  border   = { 2, 2, 2, 2 }
	  stretch  = TRUE
      }
      image {
          function = BOX
	  shadow   = IN
	  detail   = "buttondefault"
	  file = "../images/qgn_plat_single_line_input.png"
	  border   = { 2, 2, 2, 2 }
	  stretch  = TRUE
      }
      image {
          function = BOX
	  state    = SELECTED
	  detail   = "buttondefault"
	  file = "../images/qgn_plat_single_line_input.png"
	  border   = { 2, 2, 2, 2 }
	  stretch  = TRUE
      }
      image {
          function = BOX
	  state    = INSENSITIVE
	  detail   = "buttondefault"
	  file = "../images/qgn_plat_single_line_input.png"
	  border   = { 2, 2, 2, 2 }
	  stretch  = TRUE
      }
      image {
	  function = BOX
	  detail   = "buttondefault"
	  file = "../images/qgn_plat_single_line_input.png"
	  border   = { 2, 2, 2, 2 }
	  stretch  = TRUE
      }
    }
}

widget_class "*.GtkFileChooserButton.GtkButton" style "osso-filechooserbutton-button"
#################################################### 
# GTK EXPANDER
#
# Copyright 2006 Nokia Oyj
#
# The GtkExpander is themed here
#
#################################################### 

style "osso-expander" {

  GtkExpander::expander-spacing = 6
  GtkExpander::expander-size = 26

  ythickness = 0
  xthickness = 0

  engine "sapwood" {	
    image {
    	function = ARROW
    	state = PRELIGHT
        detail = "expander"
	arrow_direction = RIGHT
	overlay_file    = "../images/qgn_plat_arrow_expander_focused.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
    }
    image {
    	function = ARROW
    	state = PRELIGHT
        detail = "expander"
	arrow_direction = DOWN
	overlay_file    = "../images/qgn_plat_arrow_expander_down_focused.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
    }
    image {
    	function = ARROW
    	state = NORMAL
        detail = "expander"
	arrow_direction = RIGHT
	overlay_file    = "../images/qgn_plat_arrow_expander_normal.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
    }
    image {
    	function = ARROW
    	state = NORMAL
        detail = "expander"
	arrow_direction = DOWN
	overlay_file    = "../images/qgn_plat_arrow_expander_down_normal.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
    }
    image {
    	function = ARROW
    	state = INSENSITIVE
        detail = "expander"
	arrow_direction = RIGHT
	overlay_file    = "../images/qgn_plat_arrow_expander_disabled.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
    }
    image {
    	function = ARROW
    	state = INSENSITIVE
        detail = "expander"
	arrow_direction = DOWN
	overlay_file    = "../images/qgn_plat_arrow_expander_down_disabled.png"
	overlay_border  = { 0, 0, 0, 0 }
	overlay_stretch = TRUE
    }
  }

}

class "GtkExpander" style "osso-expander"
#################################################### 
# GTK ENTRY COMPLETION
#
# Copyright 2006 Nokia Oyj
#
# The GtkEntryCompletion is themed here
#
#################################################### 

style "osso-completion-frame"
{
  GtkFrame::hildonlike = 1

  xthickness = 6
  ythickness = 6

  engine "sapwood"
    {
      # Not quite sure if INSENSITIVE is and option for this widget
      image
        {
	  function = BOX
	  state    = INSENSITIVE
	  file     = "../images/qgn_plat_frame_disabled.png"
	  border   = { 3, 3, 3, 3 }
	  stretch  = TRUE
	}
      image
        {
	  function = BOX
	  file     = "../images/qgn_plat_frame.png"
	  border   = { 3, 3, 3, 3 }
	  stretch  = TRUE
	}
    }
}

widget "hildon-completion-window.GtkFrame" style "osso-completion-frame"
#################################################### 
# OSSO app pictures
#################################################### 

style "osso-window-background" {
   HildonAppview::border-width = 0
   HildonWindow::borders = { 24, 24, 0, 24 }
   HildonWindow::toolbar-borders = { 24, 24, 9, 9 }
   engine "sapwood" {
	image {
	 	function = BOX
		state = NORMAL
		detail = "left-border"
		file = "../images/qgn_plat_application_frame_left.png"
		stretch = TRUE
	}
	image {
		function = BOX
		state = NORMAL
		detail = "right-border"
		file = "../images/qgn_plat_application_frame_right.png"
		stretch = TRUE
	}
	image {
	 	function = BOX
		state = NORMAL
		detail = "bottom-border"
		file = "../images/qgn_plat_application_frame_bottom.png"
		border = { 24, 24, 0, 0 }
		stretch = TRUE
        }
	image {
		function = BOX
		state = NORMAL
		detail = "toolbar-frame-top"
		file = "../images/qgn_plat_toolbar_frame_top.png"
		border = { 24, 24, 0, 0 }
		stretch = TRUE
	}
	image {
		function = BOX
		state = NORMAL
		detail = "toolbar-frame-middle"
		file = "../images/qgn_plat_toolbar_frame_middle.png"
		border = { 24, 24, 0, 0 }
		stretch = TRUE
	}
	image {
		function = BOX
		state = NORMAL
		detail = "toolbar-frame-bottom"
		file = "../images/qgn_plat_toolbar_frame_bottom.png"
		border = { 24, 24, 0, 0 }
		stretch = TRUE
	}
	image {
		function = BOX
		state = NORMAL
		detail = "findtoolbar"
		file = "../images/qgn_plat_toolbar_find.png"
		border = { 24, 24, 0, 0 }
		stretch = TRUE
	}
	image {
		function = BOX
		state = NORMAL
		detail = "toolbar"
		file = "../images/qgn_plat_toolbar.png"
		border = { 24, 24, 0, 0 }
		stretch = TRUE
	}

	image {
		function = BOX
		state = NORMAL
		detail = "toolbar-fullscreen-frame-top"
		file = "../images/qgn_plat_toolbar_fullscreen_frame_top.png"
		border = { 24, 24, 0, 0 }
		stretch = TRUE
	}
	image {
		function = BOX
		state = NORMAL
		detail = "toolbar-fullscreen-frame-middle"
		file = "../images/qgn_plat_toolbar_fullscreen_frame_middle.png"
		border = { 24, 24, 0, 0 }
		stretch = TRUE
	}
	image {
		function = BOX
		state = NORMAL
		detail = "toolbar-fullscreen-frame-bottom"
		file = "../images/qgn_plat_toolbar_fullscreen_frame_bottom.png"
		border = { 24, 24, 0, 0 }
		stretch = TRUE
	}
	image {
		function = BOX
		state = NORMAL
		detail = "findtoolbar-fullscreen"
		file = "../images/qgn_plat_toolbar_fullscreen_find.png"
		border = { 24, 24, 0, 0 }
		stretch = TRUE
	}
	image {
		function = BOX
		state = NORMAL
		detail = "toolbar-fullscreen"
		file = "../images/qgn_plat_toolbar_fullscreen.png"
		border = { 24, 24, 0, 0 }
		stretch = TRUE
	}
   }
}

class "HildonAppView" style "osso-window-background"
class "HildonWindow" style "osso-window-background"
######################################
#
# BANNERS
#
# Copyright 2004,2005 Nokia Oyj
#
# The banner & infoprint fonts are defined here
#
######################################

widget "*.hildon-banner-label" style "osso-EmpSystemFont"
##############################
# HildonCandidateBox
##############################
style "osso-candidate-box"
{
	fg[NORMAL] = "#aaaaaa"
	fg[ACTIVE] = "#aaaaaa"
	fg[INSENSITIVE] = "#aaaaaa"
	fg[PRELIGHT] = "#aaaaaa"
	bg[INSENSITIVE] = "#cccccc"
	bg[NORMAL] = "#cccccc"
	bg[ACTIVE] = "#cccccc"
	bg[PRELIGHT] = "#cccccc"
	xthickness = 0
	ythickness = 0
}
widget_class "*HildonCandidateBox" style "osso-candidate-box"

style "osso-candidate-box-menu"
{
    GtkMenu::hildonlike = 1
	GtkMenu::double_arrows = 1
	GtkWidget::focus-padding = 0
	GtkWidget::focus-line-width = 0
	GtkMenu::vertical-padding = 0
	GtkMenu::horizontal-padding = 0
	GtkContainer::border-width = 0
	xthickness = 0
	ythickness = 0
}
widget "*hildon-candidate-box-menu" style "osso-candidate-box-menu"

style "osso-candidate-box-menu-item"
{ 
	GtkMenuItem::include_arrow_in_focus = 0
	GtkMenuItem::hildonlike = 1
	GtkMenuItem::separator_height = 5
	GtkMenuItem::horizontal-padding = 0
	GtkWidget::has-focus = TRUE
	GtkWidget::focus-padding = 0
	GtkWidget::focus-line-width = 0
	GtkMenuItem::arrow-spacing = 0
	GtkContainer::border-width = 0
	xthickness = 0
	ythickness = 0
}													  
widget "*hildon-candidate-box-menu-item" style "osso-candidate-box-menu-item"

style "osso-caption-control"
{
  ythickness = 1
}
class "HildonCaption" style "osso-caption-control"
#################################################### 
# HILDON CONTROLBAR
# 
# Theming instructions for HildonControlbar -widget
#
# NOTE: pictures might not be right...
#
#################################################### 

style "osso-controlbar"
{
	HildonControlbar::stepper_size = 26
	HildonControlbar::slider_width = 30
	HildonControlbar::stepper_spacing = 6
	HildonControlbar::trough_border = 0
	HildonControlbar::slider_length = 0
        HildonControlbar::autodimmed_steppers = 1
        HildonControlbar::inner_border_width = 4
	GtkWidget::focus-line-width = 0
	GtkWidget::focus-padding = 0
	GtkRange::hildonlike = 1
	GtkRange::draw_trough_under_steppers = 0

	engine "sapwood" {
		#
		# At first, lets override some gtkrange specific things
		#
      		image {
	 		function = BOX
			detail = "stepper"
      		}
      		image {
	 		function = SLIDER
      		}
		
		#
		# Then, lets define our osso specific things
		#
		
		# Less button
		image {
	        	function = ARROW
			arrow_direction = LEFT
			state = NORMAL
			overlay_file = "../images/qgn_plat_control_bar_less_normal.png"
			overlay_border = { 0, 0, 0, 0 }
			overlay_stretch = FALSE
      		}
		image {
	        	function = ARROW
			arrow_direction = LEFT
			state = PRELIGHT
			overlay_file = "../images/qgn_plat_control_bar_less_normal.png"
			overlay_border = { 0, 0, 0, 0 }
			overlay_stretch = FALSE
      		}
		image {
	        	function = ARROW
			arrow_direction = LEFT
			state = ACTIVE
			overlay_file = "../images/qgn_plat_control_bar_less_pressed.png"
			overlay_border = { 0, 0, 0, 0 }
			overlay_stretch = FALSE
      		}
		image {
	        	function = ARROW
			arrow_direction = LEFT
			state = INSENSITIVE
			overlay_file = "../images/qgn_plat_control_bar_less_disabled.png"
			overlay_border = { 0, 0, 0, 0 }
			overlay_stretch = FALSE
      		}
		
		# More button
		image {
	        	function = ARROW
			arrow_direction = RIGHT
			state = NORMAL
			overlay_file = "../images/qgn_plat_control_bar_more_normal.png"
			overlay_border = { 0, 0, 0, 0 }
			overlay_stretch = FALSE
      		}
		image {
	        	function = ARROW
			arrow_direction = RIGHT
			state = PRELIGHT
			overlay_file = "../images/qgn_plat_control_bar_more_normal.png"
			overlay_border = { 0, 0, 0, 0 }
			overlay_stretch = FALSE
      		}
		image {
	        	function = ARROW
			arrow_direction = RIGHT
			state = ACTIVE
			overlay_file = "../images/qgn_plat_control_bar_more_pressed.png"
			overlay_border = { 0, 0, 0, 0 }
			overlay_stretch = FALSE
      		}
		image {
	        	function = ARROW
			arrow_direction = RIGHT
			state = INSENSITIVE
			overlay_file = "../images/qgn_plat_control_bar_more_disabled.png"
			overlay_border = { 0, 0, 0, 0 }
			overlay_stretch = FALSE
      		}
		
		# Controlbar frame borders
      		image {
	 		function = BOX
			detail = "trough"
			state = INSENSITIVE
	 		file = "../images/qgn_plat_control_bar_border_disabled.png"
	 		border = { 2, 2, 0, 0 }
	 		stretch = TRUE
      		}
      		image {
	 		function = BOX
			detail = "trough"
	 		file = "../images/qgn_plat_control_bar_border.png"
	 		border = { 2, 2, 0, 0 }
	 		stretch = TRUE
      		}
		
		# Controlbar blocks
       		image {
 	 		function = BOX
 			shadow = IN
 			detail = "hildon_block"
 	 		file = "../images/qgn_plat_control_bar_block_active.png"
 	 		border = { 2, 2, 0, 0 }
 	 		stretch = TRUE
       		}
       		image {
 	 		function = BOX
 			shadow = IN
 			detail = "hildon_block"
 			state = INSENSITIVE
 	 		file = "../images/qgn_plat_control_bar_block_active_disabled.png"
 	 		border = { 2, 2, 0, 0 }
 	 		stretch = TRUE
      		}
      		image {
	 		function = BOX
			shadow = OUT
			detail = "hildon_block"
	 		file = "../images/qgn_plat_control_bar_block_passive.png"
	 		border = { 2, 2, 0, 0 }
	 		stretch = TRUE
      		}
      		image {
	 		function = BOX
			shadow = OUT
			detail = "hildon_block"
			state = INSENSITIVE
	 		file = "../images/qgn_plat_control_bar_block_passive_disabled.png"
	 		border = { 2, 2, 0, 0 }
	 		stretch = TRUE
      		}
	}
}
class "HildonControlbar" style "osso-controlbar"
# Likely to change
#
style "osso-grid-small-icons"
{
    HildonGrid::item_height = 30
    HildonGrid::item_hspacing = 12
    HildonGrid::item_vspacing = 0
    
    HildonGrid::label_hspacing = 6
    HildonGrid::label_vspacing = 6
    HildonGrid::label_height = 30

    HildonGrid::icon_size = 26
    HildonGrid::n_columns = 2
    HildonGrid::label_pos = 2
}

style "osso-grid-big-icons"
{
    HildonGrid::item_height = 96
    HildonGrid::item_hspacing = 12
    HildonGrid::item_vspacing = 6
    
    HildonGrid::label_hspacing = 6
    HildonGrid::label_vspacing = 6
    HildonGrid::label_height = 30

    HildonGrid::icon_size = 64
    HildonGrid::n_columns = 3
    HildonGrid::label_pos = 1
}

class "HildonGrid" style "osso-grid-big-icons"

widget "*.smallicons" style "osso-grid-small-icons"

style "osso-grid-item-label" {
    engine "sapwood" {
        image {
            function = BOX
            state = SELECTED
            file = "../images/qgn_plat_focus_active.png"
            border = {2, 2, 2, 2}
            stretch = TRUE
        }
    }
}
widget "*.hildon-grid-item-label" style "osso-grid-item-label"


# Control Panel grid styles

style "osso-grid-big-icons-cp"
{
    HildonGrid::item_height = 96
    HildonGrid::item_hspacing = 12
    HildonGrid::item_vspacing = 6
    
    HildonGrid::label_hspacing = 6
    HildonGrid::label_vspacing = 6
    HildonGrid::label_height = 30

    HildonGrid::icon_size = 64
    HildonGrid::n_columns = 3
    HildonGrid::label_pos = 1
}


style "osso-grid-small-icons-cp"
{
    HildonGrid::item_height = 30
    HildonGrid::item_hspacing = 12
    HildonGrid::item_vspacing = 0
    
    HildonGrid::label_hspacing = 6
    HildonGrid::label_vspacing = 6
    HildonGrid::label_height = 30

    HildonGrid::icon_size = 26
    HildonGrid::n_columns = 2
    HildonGrid::label_pos = 2
}

widget "*.smallicons-cp" style "osso-grid-small-icons-cp"
widget "*.largeicons-cp" style "osso-grid-big-icons-cp"

# Home grid styles

# Just copied from the control panel style, because no up-to-date
# specification for this supposedly exists. Fix as soon as
# information becomes available!

style "osso-grid-large-icons-home"
{
    HildonGrid::item_width = 212
    HildonGrid::item_height = 88
    HildonGrid::item_hspacing = 0
    HildonGrid::item_vspacing = 5
    
    HildonGrid::label_hspacing = 1
    HildonGrid::label_vspacing = 5

    HildonGrid::icon_size = 64
    HildonGrid::emblem_size = 16
    HildonGrid::n_columns = 2
    HildonGrid::label_pos = 1
}


style "osso-grid-small-icons-home"
{
    HildonGrid::item_width = 320
    HildonGrid::item_height = 25
    HildonGrid::item_hspacing = 8
    HildonGrid::item_vspacing = 5
    
    HildonGrid::label_hspacing = 0
    HildonGrid::label_vspacing = 10

    HildonGrid::icon_size = 25
    HildonGrid::emblem_size = 6
    HildonGrid::n_columns = 1
    HildonGrid::label_pos = 2
}

widget "*.smallicons-home" style "osso-grid-small-icons-home"
widget "*.largeicons-home" style "osso-grid-large-icons-home"

##############################
# Keyboard
##############################

#input method window top and left frame
style "osso-input-method-frame"
{
  engine "sapwood" {
    image {
      function = BOX
	state = NORMAL
	detail = "osso-im-frame-top"
	file = "../images/qgn_plat_inputmet_buffer_zone_top.png"
	stretch = TRUE
    }
    image {
      function = BOX
	state = NORMAL
	detail = "osso-im-frame-left"
	file = "../images/qgn_plat_inputmet_buffer_zone_left.png"
	border = {0, 0, 25, 0}
	stretch = TRUE
    }
  }
}
class "HildonIMKeyboard" style "osso-input-method-frame"

#close buttons
style "osso-input-method-side-close-button"
{
    engine "sapwood"
    {
        image
        {
            function = BOX
	    state = NORMAL
            file = "../images/qgn_plat_inputmet_button_side_close_normal.png"
            border = { 4, 4, 0, 0 }
            stretch = TRUE
        }
	image
        {
            function = BOX
	    state = PRELIGHT
            file = "../images/qgn_plat_inputmet_button_side_close_normal.png"
            border = { 4, 4, 0, 0 }
            stretch = TRUE
        }

	image
        {
            function = BOX
	    state = ACTIVE 
            file = "../images/qgn_plat_inputmet_button_side_close_pressed.png"
            border = { 4, 4, 0, 0 }
            stretch = TRUE
        }
    }
}
widget "*.OssoIMSideCloseButton" style "osso-input-method-side-close-button"



#common control buttons
style "osso-input-method-side-button"
{
    engine "sapwood"
    {
        image
        {
            function = BOX
	    state = NORMAL
            file = "../images/qgn_plat_inputmet_button_side_normal.png"
            border = { 4, 4, 0, 0 }
            stretch = TRUE
        }
	image
        {
            function = BOX
	    state = PRELIGHT
	    shadow = IN
            file = "../images/qgn_plat_inputmet_button_side_pressed.png"
            border = { 4, 4, 0, 0 }
            stretch = TRUE
        }
	image
        {
            function = BOX
	    state = PRELIGHT
	    shadow = OUT
            file = "../images/qgn_plat_inputmet_button_side_normal.png"
            border = { 4, 4, 0, 0 }
            stretch = TRUE
        }
        image
        {
            function = BOX
            state = ACTIVE
            file = "../images/qgn_plat_inputmet_button_side_pressed.png"
            border = { 4, 4, 0, 0 }
            stretch = TRUE
        }
        image
        {
            function = BOX
            state = SELECTED
            file = "../images/qgn_plat_inputmet_button_side_pressed.png"
            border = { 4, 4, 0, 0 }
            stretch = TRUE
        }
        image
        {
            function = BOX
	    state = INSENSITIVE
            file = "../images/qgn_plat_inputmet_button_side_disabled.png"
            border = { 4, 4, 0, 0 }
            stretch = TRUE
        }
    }
}
widget "*.OssoIMSideButton" style "osso-input-method-side-button"

#common control toggle buttons
style "osso-input-method-side-toggle-button"
{
    engine "sapwood"
    {
        image
        {
            function = BOX
	    shadow = IN
            file = "../images/qgn_plat_inputmet_button_side_latched.png"
            border = { 4, 4, 0, 0 }
            stretch = TRUE
        }
        image
        {
            function = BOX
            state = SELECTED
            file = "../images/qgn_plat_inputmet_button_side_latched.png"
            border = { 4, 4, 0, 0 }
            stretch = TRUE
	}
        image
        {
            function = BOX
	    state = INSENSITIVE
            file = "../images/qgn_plat_inputmet_button_side_disabled.png"
            border = { 4, 4, 0, 0 }
            stretch = TRUE
        }
        image
        {
            function = BOX
            file = "../images/qgn_plat_inputmet_button_side_normal.png"
            border = { 4, 4, 0, 0 }
            stretch = TRUE
        }
    }
}
widget "*.OssoIMSideToggleButton" style "osso-input-method-side-toggle-button"

#ordinary keys in vkb and special character view
style "osso-input-method-vkb-key" 
{
    GtkButton::child_spacing = 0
    engine "sapwood"
    {
        image
        {
            function = BOX
	    state = NORMAL
            file = "../images/qgn_plat_inputmet_button_key_normal.png"
            border = { 5, 5, 5, 5 }
            stretch = TRUE
        }
        image
        {
            function = BOX
            state = PRELIGHT
            file = "../images/qgn_plat_inputmet_button_key_normal.png"
            border = { 5, 5, 5, 5 }
            stretch = TRUE
        }
        image
        {
            function = BOX
            state = INSENSITIVE
            file = "../images/qgn_plat_inputmet_button_key_disabled.png"
            border = { 5, 5, 5, 5 }
            stretch = TRUE
        }
        image
        {
            function = BOX
            state = ACTIVE
            file = "../images/qgn_plat_inputmet_button_key_pressed.png"
            border = { 5, 5, 5, 5 }
            stretch = TRUE
        }
    }
}
widget "*.osso-im-alpha" style "osso-input-method-vkb-key"
widget "*.osso-im-numeric" style "osso-input-method-vkb-key"
widget "*.osso-im-special" style "osso-input-method-vkb-key"
widget "*.osso-im-space" style "osso-input-method-vkb-key"
widget "*.osso-im-key" style "osso-input-method-vkb-key"
widget "*.osso-im-tele" style "osso-input-method-vkb-key"
widget "*.osso-im-dim" style "osso-input-method-vkb-key"
			  
#accent dead keys in vkb
style "osso-input-method-accent-key"
{
    engine "sapwood"
    {
        image
        {
            function = BOX
	    state = NORMAL
            file = "../images/qgn_plat_inputmet_button_key_accent_normal.png"
            border = { 5, 5, 5, 5 }
            stretch = TRUE
        }
        image
        {
            function = BOX
            state = PRELIGHT
            file = "../images/qgn_plat_inputmet_button_key_accent_normal.png"
	    border = { 5, 5, 5, 5 }
            stretch = TRUE
        }
        image
        {
            function = BOX
            state = ACTIVE
            file = "../images/qgn_plat_inputmet_button_key_pressed.png"
	    border = { 5, 5, 5, 5 }
            stretch = TRUE
        }
        image
        {
            function = BOX
            state = SELECTED
            file = "../images/qgn_plat_inputmet_button_key_pressed.png"
            border = { 5, 5, 5, 5 }
            stretch = TRUE
	}
        image
        {
            function = BOX
	    state = INSENSITIVE
            file = "../images/qgn_plat_inputmet_button_side_disabled.png"
            border = { 4, 4, 0, 0 }
            stretch = TRUE
        }

    }
}
widget "*.osso-im-accent" style "osso-input-method-accent-key"

#special character view tabs
style "osso-input-special-character-view-tabs"
{
  engine "sapwood"
  {
    image 
      {
        function = BOX
	state    = NORMAL
	file     = "../images/qgn_plat_inputmet_tab_special_character_normal.png"
	border   = { 5, 5, 0, 0 }
	stretch  = TRUE
      }
    image
      {
        function = BOX
        state = PRELIGHT
        shadow = IN
	file     = "../images/qgn_plat_inputmet_tab_special_character_selected.png"
        border = { 5, 5, 0, 0 }
        stretch = TRUE
      }
    image
      {
        function = BOX
        state = PRELIGHT
        shadow = OUT
	file     = "../images/qgn_plat_inputmet_tab_special_character_normal.png"
        border = { 5, 5, 0, 0 }
        stretch = TRUE
      }
    image
      {
        function = BOX
	state    = ACTIVE
	file     = "../images/qgn_plat_inputmet_tab_special_character_selected.png"
	border   = { 5, 5, 0, 0 }
	stretch  = TRUE
      }
  }
}

widget "*.osso-im-scv-tab" style "osso-input-special-character-view-tabs"

#hwr area logical colors

#hwr area mixmode background color
style "osso-input-method-hwr-area-mixmode-background" = "osso-logical-colors"
{
  bg[NORMAL] = "HWRAlphaBackgrdColor"
}
widget "*.hildonhwrarea_mix" style "osso-input-method-hwr-area-mixmode-background"

#hwr area punctuationmode background color
style "osso-input-method-hwr-area-puncmode-background" = "osso-logical-colors"
{
  bg[NORMAL] = "HWRPunctBackgrdColor" 
}
widget "*.hildonhwrarea_pun" style "osso-input-method-hwr-area-puncmode-background"

#hwr frame image
style "osso-input-method-hwr-frame"
{
    engine "sapwood"
    {
        image
        {
            function = BOX
            file = "../images/qgn_plat_inputmet_pane_border.png"
            border = { 2, 2, 2, 2 }
            stretch = TRUE
        }
    }
}
widget "*.OssoIMHWRFrame" style "osso-input-method-hwr-frame"

#word completion maximum length
style "osso-input-method-word-completion"
{
  # 408/491 pixels in normal/fullscreen. 105 pixels for space bar
  HildonWordCompletion::max-width = 303
  HildonWordCompletion::max-width-fs = 386
}
class "HildonWordCompletion" style "osso-input-method-word-completion"

#word completion prefix button 
style "osso-input-method-word-completion-prefix-button"
{
  engine "sapwood"
    {
      image
	{
	  function = BOX
	    state = NORMAL
	    file = "../images/qgn_plat_inputmet_button_keyboard_word_compl_prefix_normal.png"
	    border = { 5, 5, 0, 0 }
	  stretch = TRUE
	}
      image
	{
	  function = BOX
	    state = PRELIGHT
	    file = "../images/qgn_plat_inputmet_button_keyboard_word_compl_prefix_normal.png"
	    border = { 5, 5, 0, 0 }
	  stretch = TRUE
	}
      image
	{
	  function = BOX
	    state = ACTIVE
	    file = "../images/qgn_plat_inputmet_button_keyboard_word_compl_pressed.png"
	    border = { 5, 5, 0, 0 }
	  stretch = TRUE
	}
    }
}
widget "*.hildon-wc-prefix-button" style "osso-input-method-word-completion-prefix-button"

#word completion candidate buttons
style "osso-input-method-word-completion-candidates"
{
    engine "sapwood"
    {
        image
        {
            function = BOX
	    state = NORMAL
            file = "../images/qgn_plat_inputmet_button_keyboard_word_compl_normal.png"
            border = { 5, 5, 0, 0 }
            stretch = TRUE
        }
        image
        {
            function = BOX
	    state = PRELIGHT
            file = "../images/qgn_plat_inputmet_button_keyboard_word_compl_normal.png"
            border = { 5, 5, 0, 0 }
            stretch = TRUE
        }
        image
        {
            function = BOX
            state = ACTIVE
            file = "../images/qgn_plat_inputmet_button_keyboard_word_compl_pressed.png"
            border = { 5, 5, 0, 0 }
            stretch = TRUE
        }
    }
}
widget "*.hildon-wc-candidate-button" style "osso-input-method-word-completion-candidates"

#finger keyboard
widget "*.osso-im-fkb-renderer" style "osso-LargeFont"

style "osso-input-method-fkb-backspace" {
  engine "sapwood" {
    image {
        function = BOX
        state    = ACTIVE
	detail   = "buttondefault"
	file     = "../images/qgn_plat_inputmet_thumb_button_backspace_pressed.png"
        border   = { 20, 20, 0, 0 }
        stretch  = TRUE
    }
    image {
	function = BOX
	detail   = "buttondefault"
	file     = "../images/qgn_plat_inputmet_thumb_button_backspace_normal.png"
	border   = { 20, 20, 0, 0 }
	stretch  = TRUE
    }
  }
}
widget "*.osso-im-fkb-backspace" style "osso-input-method-fkb-backspace"

#finger keyboard "tabs"
style "osso-input-method-fkb-tab" {
  engine "sapwood" {
    image {
        function = BOX
	shadow   = IN
	detail   = "buttondefault"
	file     = "../images/qgn_plat_inputmet_thumb_tab_selected.png"
	border   = { 20, 20, 0, 0 }
	stretch  = TRUE
    }
    image {
	function = BOX
	detail   = "buttondefault"
	file     = "../images/qgn_plat_inputmet_thumb_tab_normal.png"
	border   = { 20, 20, 0, 0 }
	stretch  = TRUE
    }
  }
}
widget "*.osso-im-fkb-tab" style "osso-input-method-fkb-tab"

#finger keyboard common buttons
style "osso-input-method-fkb-common-button" {
  engine "sapwood" {
    image {
        function = BOX
        state    = ACTIVE
	detail   = "buttondefault"
	file     = "../images/qgn_plat_inputmet_thumb_button_common_pressed.png"
        border   = { 20, 20, 0, 0 }
        stretch  = TRUE
    }
    image {
	function = BOX
	detail   = "buttondefault"
	file     = "../images/qgn_plat_inputmet_thumb_button_commom_normal.png"
	border   = { 20, 20, 0, 0 }
	stretch  = TRUE
    }
  }
}
widget "*.osso-im-fkb-common-button" style "osso-input-method-fkb-common-button"

#finger keyboard input keys
style "osso-input-method-fkb-key" 
{
    GtkButton::child_spacing = 0
    engine "sapwood"
    {
        image
        {
            function = BOX
	    state = NORMAL
            file = "../images/qgn_plat_inputmet_thumb_button_key_normal.png"
            border = { 20, 20, 0, 0 }
            stretch = TRUE
        }
        image
        {
            function = BOX
            state = INSENSITIVE
            file = "../images/qgn_plat_inputmet_thumb_button_key_disabled.png"
            border = { 20, 20, 0, 0 }
            stretch = TRUE
        }
        image
        {
            function = BOX
            state = ACTIVE
            file = "../images/qgn_plat_inputmet_thumb_button_key_pressed.png"
            border = { 20, 20, 0, 0 }
            stretch = TRUE
        }
    }
}
widget "*osso-im-fkb-key" style "osso-input-method-fkb-key"

#punctuation key in fkb
style "osso-input-method-fkb-slide-key" {
    GtkButton::child_spacing = 0
    engine "sapwood"
    {
        image
        {
            function = BOX
	    state = NORMAL
            file = "../images/qgn_plat_inputmet_thumb_button_extra_normal.png"
            border = { 20, 20, 0, 0 }
            stretch = TRUE
        }
        image
        {
            function = BOX
	    state = ACTIVE
            file = "../images/qgn_plat_inputmet_thumb_button_extra_pressed.png"
            border = { 20, 20, 0, 0 }
            stretch = TRUE
        }
        image
        {
            function = BOX
            state = INSENSITIVE
            file = "../images/qgn_plat_inputmet_thumb_button_extra_disabled.png"
            border = { 20, 20, 0, 0 }
            stretch = TRUE
        }
    }
}
widget "*osso-im-fkb-slide-key" style "osso-input-method-fkb-slide-key"

#space key in fkb
style "osso-input-method-fkb-whitespace-key" {
    GtkButton::child_spacing = 0
    engine "sapwood"
    {
        image
        {
            function = BOX
	    state = NORMAL
            file = "../images/qgn_plat_inputmet_thumb_button_key_space_normal.png"
            border = { 20, 20, 0, 0 }
            stretch = TRUE
        }
        image
        {
            function = BOX
            state = ACTIVE
            file = "../images/qgn_plat_inputmet_thumb_button_key_space_pressed.png"
            border = { 20, 20, 0, 0 }
            stretch = TRUE
        }
        image
        {
            function = BOX
            state = INSENSITIVE
            file = "../images/qgn_plat_inputmet_thumb_button_key_space_disabled.png"
            border = { 20, 20, 0, 0 }
            stretch = TRUE
        }
    }
}
widget "*osso-im-fkb-whitespace-key" style "osso-input-method-fkb-whitespace-key"

#accent dead keys in fkb
style "osso-input-method-fkb-accent-key"
{
    engine "sapwood"
    {
        image
        {
            function = BOX
	    state = NORMAL
            file = "../images/qgn_plat_inputmet_thumb_button_key_accent_normal.png"
            border = { 20, 20, 0, 0 }
            stretch = TRUE
        }
        image
        {
            function = BOX
            state = ACTIVE
            file = "../images/qgn_plat_inputmet_thumb_button_key_latched.png"
            border = { 20, 20, 0, 0 }
            stretch = TRUE
        }
        image
        {
            function = BOX
            state = SELECTED
            file = "../images/qgn_plat_inputmet_thumb_button_key_latched.png"
            border = { 20, 20, 0, 0 }
            stretch = TRUE
	}
        image
        {
            function = BOX
            state = INSENSITIVE
            file = "../images/qgn_plat_inputmet_thumb_button_key_disabled.png"
            border = { 20, 20, 0, 0 }
            stretch = TRUE
        }
    }
}
widget "*osso-im-fkb-accent-key" style "osso-input-method-fkb-accent-key"

style "osso-note-dialog"
{

  HildonNote::button_spacing = 6
  HildonNote::content_area_border = 0
  HildonNote::action_area_border = 10
  HildonNote::extended_left_border = 0
  HildonNote::extneded_right_border = 0
}

class "HildonNote" style "osso-note-dialog"

##################################################
# Hildon notes
##################################################

style "osso-note-deleting"
{
#      bg_pixmap[NORMAL] = "../delanim.gif"
}
widget "hildon-note-deleting" style "osso-note-deleting"

style "osso-infoprint-progress"
{
#	  bg_pixmap[NORMAL] = "../proganim.gif"
}
widget "hildon-infoprint-progress" style "osso-infoprint-progress"

style "osso-note-question"
{
#     bg_pixmap[NORMAL] = "../question.png"
}
widget "hildon-note-question" style "osso-note-question"

style "osso-note-information"
{
#     bg_pixmap[NORMAL] = "../warning.png"
}
widget "hildon-note-information" style "osso-note-information"

####################################################
#HILDON NUMBER EDITOR
#
#
####################################################
style "osso-number-editor"
{
  xthickness = 0
  ythickness = 0
}
class "HildonNumberEditor" style "osso-number-editor"

style "osso-number-editor-plus"
{
  GtkButton::default_border = { 0, 0, 0, 0 }
  GtkButton::child-displacement-y = 0
  GtkButton::child-displacement-x = 0
  xthickness = 0
  ythickness = 0

  engine "sapwood"
  {
    image
  	{
  	  function = BOX
          state = NORMAL
  	  file = "../images/qgn_plat_number_editor_more_normal.png"
  	  stretch = TRUE
	  border = {0,0,0,0}
  	}
    image
  	{
  	  function = BOX
          state = SELECTED
  	  file = "../images/qgn_plat_number_editor_more_normal.png"
  	  stretch = TRUE
	  border = {0,0,0,0}
  	}
    image
  	{
  	  function = BOX
          state = PRELIGHT
  	  file = "../images/qgn_plat_number_editor_more_normal.png"
  	  stretch = TRUE
	  border = {0,0,0,0}
  	}
  	image
  	{
  	  function = BOX
          state = INSENSITIVE
  	  file = "../images/qgn_plat_number_editor_more_disabled.png"
  	  stretch = TRUE
	  border = {0,0,0,0}
  	}
  	image
  	{
  	  function = BOX
          state = ACTIVE
  	  file = "../images/qgn_plat_number_editor_more_pressed.png"
  	  stretch = TRUE
	  border = {0,0,0,0}
  	}
  }
}

widget "*.HildonNumberEditor.plus-button" style "osso-number-editor-plus"

style "osso-number-editor-minus"
{
  GtkButton::default_border = { 0, 0, 0, 0 }
  GtkButton::child-displacement-y = 0
  GtkButton::child-displacement-x = 0
  xthickness = 0
  ythickness = 0

  engine "sapwood"
  {
    image
  	{
  	  function = BOX
          state = NORMAL
  	  file = "../images/qgn_plat_number_editor_less_normal.png"
  	  stretch = TRUE
	  border = {0,0,0,0}
  	}
    image
  	{
  	  function = BOX
          state = SELECTED
  	  file = "../images/qgn_plat_number_editor_less_normal.png"
  	  stretch = TRUE
	  border = {0,0,0,0}
  	}
    image
  	{
  	  function = BOX
          state = PRELIGHT
  	  file = "../images/qgn_plat_number_editor_less_normal.png"
  	  stretch = TRUE
	  border = {0,0,0,0}
  	}
  	image
  	{
  	  function = BOX
          state = INSENSITIVE
  	  file = "../images/qgn_plat_number_editor_less_disabled.png"
  	  stretch = TRUE
	  border = {0,0,0,0}
  	}
  	image
  	{
  	  function = BOX
          state = ACTIVE
  	  file = "../images/qgn_plat_number_editor_less_pressed.png"
  	  stretch = TRUE
	  border = {0,0,0,0}
  	}
  }
}

widget "*.HildonNumberEditor.minus-button" style "osso-number-editor-minus"

#################################################### 
# HILDON SEEKBAR
# 
# Theming instructions for HildonSeekBar -widget
#
# NOTE: hildon-lgpl is needed for theming of display 
#       component 
#
#################################################### 

style "osso-seekbar"
{
	HildonSeekbar::stepper_size = 26
	HildonSeekbar::stepper_spacing = 6
	HildonSeekbar::trough_border = 0
	HildonSeekbar::slider_width = 58
	HildonSeekbar::slider_length = 23
        HildonSeekbar::focus-line-width = 0
        HildonSeekbar::focus-padding = 0
	HildonSeekbar::hildonlike = 1
        HildonSeekbar::autodimmed_steppers = 1
	HildonSeekbar::draw_trough_under_steppers = 0
        HildonSeekbar::two_part_trough = 1
	GtkRange::arrow_paint_box_layout = 1
	GtkRange::stream_indicator_padding = 3
	
	engine "sapwood" {
		#
		# At first, lets override some gtkrange specific things
		#
      		image {
	 		function = BOX
			detail = "stepper"
      		}

                image {
                        function = BOX
                        detail = "seekbar"
                        state = INSENSITIVE
                        file = "../images/qgn_plat_seek_bar_regular_background_disabled.png"
                        border = { 20, 20, 18, 20 }
                        stretch = TRUE
                }
                image {
                        function = BOX
                        detail = "seekbar"
                        state = NORMAL
                        file = "../images/qgn_plat_seek_bar_regular_background_normal.png"
                        border = { 20, 20, 18, 20 }
                        stretch = TRUE
                }
		
                image {
                        function = BOX
                        detail = "trough_northwest"
                        state = INSENSITIVE
                        file = "../images/qgn_plat_seek_bar_regular_shaft_left_disabled.png"
                        border = { 4, 0, 0, 0 }
                        stretch = TRUE
                }
                image {
                        function = BOX
                        detail = "trough_stream"
                        state = INSENSITIVE
                        file = "../images/qgn_plat_seek_bar_regular_shaft_stream_disabled.png"
                        border = { 0, 2, 0, 0 }
                        stretch = TRUE
                }
                image {
                        function = BOX
                        detail = "trough_stream_complete"
                        state = INSENSITIVE
                        file = "../images/qgn_plat_seek_bar_regular_shaft_stream_finished_disabled.png"
                        border = { 0, 2, 0, 0 }
                        stretch = TRUE
                }
                image {
                        function = BOX
                        detail = "trough_southeast"
                        state = INSENSITIVE
                        file = "../images/qgn_plat_seek_bar_regular_shaft_right_disabled.png"
                        border = { 0, 4, 0, 0 }
                        stretch = TRUE
                }
                image {
                        function = BOX
                        detail = "trough_northwest"
                        file = "../images/qgn_plat_seek_bar_regular_shaft_left_normal.png"
                        border = { 4, 0, 0, 0 }
                        stretch = TRUE
                }
                image {
                        function = BOX
                        detail = "trough_stream"
                        file = "../images/qgn_plat_seek_bar_regular_shaft_stream_normal.png"
                        border = { 0, 2, 0, 0 }
                        stretch = TRUE
                }
                image {
                        function = BOX
                        detail = "trough_stream_complete"
                        file = "../images/qgn_plat_seek_bar_regular_shaft_stream_finished_normal.png"
                        border = { 0, 2, 0, 0 }
                        stretch = TRUE
                }
                image {
                        function = BOX
                        detail = "trough_southeast"
                        file = "../images/qgn_plat_seek_bar_regular_shaft_right_normal.png"
                        border = { 0, 4, 0, 0 }
                        stretch = TRUE
                }

                image {
                        function = SLIDER
                        detail = "slider"
                        orientation = HORIZONTAL
                        state = INSENSITIVE
                        file = "../images/qgn_plat_seek_bar_regular_thumb_disabled.png"
                }
                image {
                        function = SLIDER
                        detail = "slider"
                        orientation = HORIZONTAL
                        file = "../images/qgn_plat_seek_bar_regular_thumb_normal.png"
                }

                #left
        	image {
			function        = ARROW
			state           = ACTIVE
			arrow_direction = LEFT
			overlay_file    = "../images/qgn_plat_seek_bar_regular_backward_button_pressed.png"
			overlay_stretch = FALSE
		}
		image {
			function        = ARROW
			state           = SELECTED
			arrow_direction = LEFT
			overlay_file    = "../images/qgn_plat_seek_bar_regular_backward_button_pressed.png"
			overlay_stretch = FALSE
		}
		image {
			function        = ARROW
			state           = INSENSITIVE
			arrow_direction = LEFT
			overlay_file    = "../images/qgn_plat_seek_bar_regular_backward_button_disabled.png"
			overlay_stretch = FALSE
		}
		image {
			function        = ARROW
			arrow_direction = LEFT
			overlay_file    = "../images/qgn_plat_seek_bar_regular_backward_button_normal.png"
			overlay_stretch = FALSE
		}

		#right
		image {
			function        = ARROW
        		state           = ACTIVE
			arrow_direction = RIGHT
		        overlay_file    = "../images/qgn_plat_seek_bar_regular_forward_button_pressed.png"
			overlay_stretch = FALSE
		}
		image {
        		function        = ARROW
			state           = SELECTED
			arrow_direction = RIGHT
			overlay_file    = "../images/qgn_plat_seek_bar_regular_forward_button_pressed.png"
			overlay_stretch = FALSE
		}
                image {
			function        = ARROW
			state           = INSENSITIVE
			arrow_direction = RIGHT
			overlay_file    = "../images/qgn_plat_seek_bar_regular_forward_button_disabled.png"
			overlay_stretch = FALSE
		}
		image {
			function        = ARROW
			arrow_direction = RIGHT
			overlay_file    = "../images/qgn_plat_seek_bar_regular_forward_button_normal.png"
			overlay_stretch = FALSE
		}
	}
}
class "HildonSeekbar" style "osso-seekbar"

style "osso-seekbar-toolbar"
{
	HildonSeekbar::stepper_size = 26
	HildonSeekbar::stepper_spacing = 6
	HildonSeekbar::trough_border = 0
	HildonSeekbar::slider_width = 40
	HildonSeekbar::slider_length = 23
        HildonSeekbar::focus-line-width = 0
        HildonSeekbar::focus-padding = 0
	HildonSeekbar::hildonlike = 1
        HildonSeekbar::autodimmed_steppers = 1
	HildonSeekbar::draw_trough_under_steppers = 0
        HildonSeekbar::two_part_trough = 1
	GtkRange::stream_indicator_padding = 3
		
	engine "sapwood" {
		#
		# At first, lets override some gtkrange specific things
		#
      		image {
	 		function = BOX
			detail = "stepper"
      		}

                image {
                        function = BOX
                        detail = "seekbar"
                        state = INSENSITIVE
                        file = "../images/qgn_plat_seek_bar_toolbar_background_disabled.png"
                        border = { 20, 20, 19, 19 }
                        stretch = TRUE
                }
                image {
                        function = BOX
                        detail = "seekbar"
                        state = NORMAL
                        file = "../images/qgn_plat_seek_bar_toolbar_background_normal.png"
                        border = { 20, 20, 19, 19 }
                        stretch = TRUE
                }

                image {
                        function = BOX
                        detail = "trough_northwest"
                        state = INSENSITIVE
                        file = "../images/qgn_plat_seek_bar_toolbar_shaft_left_disabled.png"
                        border = { 4, 0, 0, 0 }
                        stretch = TRUE
                }
                image {
                        function = BOX
                        detail = "trough_stream"
                        state = INSENSITIVE
                        file = "../images/qgn_plat_seek_bar_toolbar_shaft_stream_disabled.png"
                        border = { 0, 2, 0, 0 }
                        stretch = TRUE
                }
                image {
                        function = BOX
                        detail = "trough_stream_completete"
                        state = INSENSITIVE
                        file = "../images/qgn_plat_seek_bar_toolbar_shaft_stream_finished_disabled.png"
                        border = { 0, 2, 0, 0 }
                        stretch = TRUE
                }
                image {
                        function = BOX
                        detail = "trough_southeast"
                        state = INSENSITIVE
                        file = "../images/qgn_plat_seek_bar_toolbar_shaft_right_disabled.png"
                        border = { 0, 4, 0, 0 }
                        stretch = TRUE
                }
                image {
                        function = BOX
                        detail = "trough_northwest"
                        file = "../images/qgn_plat_seek_bar_toolbar_shaft_left_normal.png"
                        border = { 4, 0, 0, 0 }
                        stretch = TRUE
                }
                image {
                        function = BOX
                        detail = "trough_stream"
                        file = "../images/qgn_plat_seek_bar_toolbar_shaft_stream_normal.png"
                        border = { 0, 2, 0, 0 }
                        stretch = TRUE
                }
                image {
                        function = BOX
                        detail = "trough_stream_complete"
                        file = "../images/qgn_plat_seek_bar_toolbar_shaft_stream_finished_normal.png"
                        border = { 0, 2, 0, 0 }
                        stretch = TRUE
                }
                image {
                        function = BOX
                        detail = "trough_southeast"
                        file = "../images/qgn_plat_seek_bar_toolbar_shaft_right_normal.png"
                        border = { 0, 4, 0, 0 }
                        stretch = TRUE
                }

                image {
                        function = SLIDER
                        detail = "slider"
                        orientation = HORIZONTAL
                        state = INSENSITIVE
                        file = "../images/qgn_plat_seek_bar_toolbar_thumb_disabled.png"
                }
                image {
                        function = SLIDER
                        detail = "slider"
                        orientation = HORIZONTAL
                        file = "../images/qgn_plat_seek_bar_toolbar_thumb_normal.png"
                }

                #left
        	image {
			function        = ARROW
			state           = ACTIVE
			arrow_direction = LEFT
			overlay_file    = "../images/qgn_plat_seek_bar_toolbar_backward_button_pressed.png"
			overlay_stretch = FALSE
		}
		image {
			function        = ARROW
			state           = SELECTED
			arrow_direction = LEFT
			overlay_file    = "../images/qgn_plat_seek_bar_toolbar_backward_button_pressed.png"
			overlay_stretch = FALSE
		}
		image {
			function        = ARROW
			state           = INSENSITIVE
			arrow_direction = LEFT
			overlay_file    = "../images/qgn_plat_seek_bar_toolbar_backward_button_disabled.png"
			overlay_stretch = FALSE
		}
		image {
			function        = ARROW
			arrow_direction = LEFT
			overlay_file    = "../images/qgn_plat_seek_bar_toolbar_backward_button_normal.png"
			overlay_stretch = FALSE
		}

		#right
		image {
			function        = ARROW
        		state           = ACTIVE
			arrow_direction = RIGHT
		        overlay_file    = "../images/qgn_plat_seek_bar_toolbar_forward_button_pressed.png"
			overlay_stretch = FALSE
		}
		image {
        		function        = ARROW
			state           = SELECTED
			arrow_direction = RIGHT
			overlay_file    = "../images/qgn_plat_seek_bar_toolbar_forward_button_pressed.png"
			overlay_stretch = FALSE
		}
                image {
			function        = ARROW
			state           = INSENSITIVE
			arrow_direction = RIGHT
			overlay_file    = "../images/qgn_plat_seek_bar_toolbar_forward_button_disabled.png"
			overlay_stretch = FALSE
		}
		image {
			function        = ARROW
			arrow_direction = RIGHT
			overlay_file    = "../images/qgn_plat_seek_bar_toolbar_forward_button_normal.png"
			overlay_stretch = FALSE
		}
	}
}
widget_class "*.GtkToolbar.GtkToolItem.HildonSeekbar" style "osso-seekbar-toolbar"
#################################################### 
# HILDON TIME EDITOR
#
# Copyright 2005 Nokia Oyj
#
# This disables default button graphics from
# the time editor button.
#
####################################################

style "osso-time-editor-button"
{
  GtkButton::default_border = { 0, 0, 0, 0 }
  GtkButton::child-displacement-y = 2
  GtkButton::child-displacement-x = 2
  GtkWidget::focus-width = 0
  GtkButton::interior_focus = 0
  GtkButton::child_spacing = 0

  engine "sapwood"
    {
      image
        {
	  function = BOX
	}
    }
}

style "osso-time-editor"
{
   GtkFrame::hildonlike = 1
   GtkEntry::hildonlike = 1
   GtkEntry::horizontal-border = 2
   GtkEntry::vertical-border = 0
   xthickness = 0
   ythickness = 0
}

widget_class "*.HildonTimeEditor.GtkButton" style "osso-time-editor-button"

style "osso-time-editor-frame"
{
  GtkFrame::hildonlike = 1

  ythickness = 1
  xthickness = 1

  engine "sapwood"
    {
      image
        {
          function = BOX
          state = INSENSITIVE
          file = "../images/qgn_plat_single_line_input_disabled.png"
          border = { 2, 2, 2, 2 }
          stretch = TRUE
        }
    }

  engine "sapwood"
    {
      image
        {
          function = BOX
          file = "../images/qgn_plat_single_line_input.png"
          border = { 2, 2, 2, 2 }
          stretch = TRUE
        }
    }
}

widget_class "*.HildonTimeEditor.GtkFrame" style "osso-time-editor-frame"
####################################################
# HILDON VOLUMEBAR
#
# Theming instructions for HildonSeekBar -widget
#
# NOTE: Different theming instructions for horizontal
#	and vertical versions
#
# NOTE: Stepper arrows have to be themed specially
# 	for vertical volumebar
#
####################################################

style "osso-volumebar-horizontal"
{
  HildonVolumebarRange::stepper_size = 26
  HildonVolumebarRange::stepper_spacing = 0
  HildonVolumebarRange::slider_width = 58
  HildonVolumebarRange::slider_length = 23
  HildonVolumebarRange::focus_line_width = 0
  HildonVolumebarRange::focus_padding = 0
  HildonVolumebarRange::stepper_spacing = 6
  HildonVolumebarRange::arrow_displacement_x = 0
  HildonVolumebarRange::arrow_displacement_y = 0
  HildonVolumebarRange::trough_border = 0
  HildonVolumebarRange::hildonlike = 1
  HildonVolumebarRange::value_spacing = 0
  HildonVolumebarRange::autodimmed_steppers = 1
  HildonVolumebarRange::two_part_trough = 1
  HildonVolumebarRange::draw_trough_under_steppers = 0
  
  engine "sapwood"
  {
    image
    {
      function = BOX
      detail = "background"
      state = NORMAL
      file = "../images/qgn_plat_volume_bar_horizontal_regular_background_normal.png"
      border = {20, 20, 28, 28}
      stretch = TRUE
    }
    image
    {
      function = BOX
      detail = "background"
      state = INSENSITIVE
      file = "../images/qgn_plat_volume_bar_horizontal_regular_background_disabled.png"
      border = {20, 20, 28, 28}
      stretch = TRUE
    }
    image
    {
      function = BOX
      detail = "stepper"
    }
    image
    {
      function = BOX
      detail = "trough_northwest"
      state = INSENSITIVE
      file = "../images/qgn_plat_volume_bar_horizontal_regular_shaft_left_disabled.png"
      border = {4, 0, 0, 0}
      stretch = TRUE
    }
    image
    {
      function = BOX
      detail = "trough_northwest"
      file = "../images/qgn_plat_volume_bar_horizontal_regular_shaft_left_normal.png"
      border = {4, 0, 0, 0}
      stretch = TRUE
    }
    image
    {
      function = BOX
      detail = "trough_southeast"
      state = INSENSITIVE
      file = "../images/qgn_plat_volume_bar_horizontal_regular_shaft_right_disabled.png"
      border = {0, 4, 0, 0}
      stretch = TRUE
    }
    image
    {
      function = BOX
      detail = "trough_southeast"
      file = "../images/qgn_plat_volume_bar_horizontal_regular_shaft_right_normal.png"
      border = {0, 4, 0, 0}
      stretch = TRUE
    }
    image
    {
      function = SLIDER
      detail = "slider"
      orientation = HORIZONTAL
      state = INSENSITIVE
      file = "../images/qgn_plat_volume_bar_horizontal_regular_thumb_disabled.png"
    }
    image
    {
      function = SLIDER
      detail = "slider"
      orientation = HORIZONTAL
      file = "../images/qgn_plat_volume_bar_horizontal_regular_thumb_normal.png"
    }
    image
    {
      function = ARROW
      arrow_direction = LEFT
      state = INSENSITIVE
      overlay_file = "../images/qgn_plat_volume_bar_horizontal_regular_less_button_disabled.png"
      overlay_stretch = FALSE
    }
    image
    {
      function = ARROW
      state = ACTIVE
      arrow_direction = LEFT
      overlay_file = "../images/qgn_plat_volume_bar_horizontal_regular_less_button_pressed.png"
      overlay_stretch = FALSE
    }
    image
    {
      function = ARROW
      arrow_direction = LEFT
      overlay_file = "../images/qgn_plat_volume_bar_horizontal_regular_less_button_normal.png"
      overlay_stretch = FALSE
    }
    image
    {
      function = ARROW
      arrow_direction = RIGHT
      state = INSENSITIVE
      overlay_file = "../images/qgn_plat_volume_bar_horizontal_regular_more_button_disabled.png"
      overlay_stretch = FALSE
    }
    image
    {
      function = ARROW
      state = ACTIVE
      arrow_direction = RIGHT
      overlay_file = "../images/qgn_plat_volume_bar_horizontal_regular_more_button_pressed.png"
      overlay_stretch = FALSE
    }
    image
    {
      function = ARROW
      arrow_direction = RIGHT
      overlay_file = "../images/qgn_plat_volume_bar_horizontal_regular_more_button_normal.png"
      overlay_stretch = FALSE
    }
  }
}
class "HildonHVolumebar" style "osso-volumebar-horizontal" 
widget_class "*.HildonHVolumebar.HildonVolumebarRange" style "osso-volumebar-horizontal"

style "osso-volumebar-horizontal-mutebutton"
{

  GtkWidget::focus_line_pattern = "\0\0\0\0\0\0\0\0"
  
  engine "sapwood"
  {
    image
    {
      function = BOX
      shadow = OUT
      state = INSENSITIVE
      file = "../images/qgn_plat_volume_bar_horizontal_regular_mute_button_disabled.png"
      stretch = TRUE
    }
    image
    {
      function = BOX
      shadow = OUT
      file = "../images/qgn_plat_volume_bar_horizontal_regular_mute_button_normal.png"
      stretch = TRUE
    }
    image
    {
      function = BOX
      shadow = IN
      state = INSENSITIVE
      file = "../images/qgn_plat_volume_bar_horizontal_regular_mute_button_disabled_pressed.png"
      stretch = TRUE
    }
    image
    {
      function = BOX
      shadow = IN
      file = "../images/qgn_plat_volume_bar_horizontal_regular_mute_button_pressed.png"
      stretch = TRUE
    }
    image
    {
      function = FOCUS
      state = INSENSITIVE
      file = "../images/qgn_plat_volume_bar_horizontal_regular_mute_button_disabled_pressed.png"
      stretch = TRUE
    }
    image
    {
      function = FOCUS
      file = "../images/qgn_plat_volume_bar_horizontal_regular_mute_button_pressed.png"
      stretch = TRUE
    }
  }
}
widget_class "*.HildonHVolumebar.GtkToggleButton" style "osso-volumebar-horizontal-mutebutton"

style "osso-volumebar-vertical"
{
  HildonVolumebarRange::stepper_size = 26
  HildonVolumebarRange::slider_width = 58
  HildonVolumebarRange::slider_length = 23
  HildonVolumebarRange::focus_line_width = 0
  HildonVolumebarRange::focus_padding = 0
  HildonVolumebarRange::stepper_spacing = 6
  HildonVolumebarRange::arrow_displacement_x = 0
  HildonVolumebarRange::arrow_displacement_y = 0
  HildonVolumebarRange::trough_border = 0
  HildonVolumebarRange::hildonlike = 1
  HildonVolumebarRange::value_spacing = 0
  HildonVolumebarRange::autodimmed_steppers = 1
  HildonVolumebarRange::two_part_trough = 1 
  HildonVolumebarRange::draw_trough_under_steppers = 0
  
  engine "sapwood"
  {
    image
    {
      function = BOX
      detail = "background"
      state = NORMAL
      file = "../images/qgn_plat_volume_bar_vertical_regular_background_normal.png"
      border = {28, 28, 20, 20}
      stretch = TRUE
    }
    image
    {
      function = BOX
      detail = "background"
      state = INSENSITIVE
      file = "../images/qgn_plat_volume_bar_vertical_regular_background_disabled.png"
      border = {28, 28, 20, 20}
      stretch = TRUE
    }
    image
    {
      function = BOX
      detail = "stepper"
    }
    image
    {
      function = BOX
      detail = "trough_northwest"
      state = INSENSITIVE
      file = "../images/qgn_plat_volume_bar_vertical_regular_shaft_top_disabled.png"
      border = {0, 0, 4, 0}
      stretch = TRUE
    }
    image
    {
      function = BOX
      detail = "trough_northwest"
      file = "../images/qgn_plat_volume_bar_vertical_regular_shaft_top_normal.png"
      border = {0, 0, 4, 0}
      stretch = TRUE
    }
    image
    {
      function = BOX
      detail = "trough_southeast"
      state = INSENSITIVE
      file = "../images/qgn_plat_volume_bar_vertical_regular_shaft_bottom_disabled.png"
      border = {0, 0, 0, 4}
      stretch = TRUE}
    image
    {
      function = BOX
      detail = "trough_southeast"
      file = "../images/qgn_plat_volume_bar_vertical_regular_shaft_bottom_normal.png"
      border = {0, 0, 0, 4}
      stretch = TRUE
    }
    image
    {
      function = SLIDER
      detail = "slider"
      orientation = VERTICAL
      state = INSENSITIVE
      file = "../images/qgn_plat_volume_bar_vertical_regular_thumb_disabled.png"
    }
    image
    {
      function = SLIDER
      detail = "slider"
      orientation = VERTICAL
      file = "../images/qgn_plat_volume_bar_vertical_regular_thumb_normal.png"
    }
    image
    {
      function = ARROW
      arrow_direction = UP
      state = INSENSITIVE
      overlay_file = "../images/qgn_plat_volume_bar_vertical_regular_more_button_disabled.png"
      overlay_stretch = FALSE
    }
    image
    {
      function = ARROW
      state = ACTIVE
      arrow_direction = UP
      overlay_file = "../images/qgn_plat_volume_bar_vertical_regular_more_button_pressed.png"
      overlay_stretch = FALSE
    }
    image
    {
      function = ARROW
      arrow_direction = UP
      overlay_file = "../images/qgn_plat_volume_bar_vertical_regular_more_button_normal.png"
      overlay_stretch = FALSE
    }
    image
    {
      function = ARROW
      arrow_direction = DOWN
      state = INSENSITIVE
      overlay_file = "../images/qgn_plat_volume_bar_vertical_regular_less_button_disabled.png"
      overlay_stretch = FALSE
    }
    image
    {
      function = ARROW
      state = ACTIVE
      arrow_direction = DOWN
      overlay_file = "../images/qgn_plat_volume_bar_vertical_regular_less_button_pressed.png"
      overlay_stretch = FALSE
    }
    image
    {
      function = ARROW
      arrow_direction = DOWN
      overlay_file = "../images/qgn_plat_volume_bar_vertical_regular_less_button_normal.png"
      overlay_stretch = FALSE
    }
  }
}
class "HildonVVolumebar" style "osso-volumebar-vertical"
widget_class "*.HildonVVolumebar.HildonVolumebarRange" style "osso-volumebar-vertical"

style "osso-volumebar-vertical-mutebutton"
{

  GtkWidget::focus_line_pattern = "\0\0\0\0\0\0\0\0"
  
  engine "sapwood"
  {
    image
    {
      function = BOX
      shadow = OUT
      state = INSENSITIVE
      file = "../images/qgn_plat_volume_bar_vertical_regular_mute_button_disabled.png"
      stretch = TRUE
    }
    image
    {
      function = BOX
      shadow = OUT
      file = "../images/qgn_plat_volume_bar_vertical_regular_mute_button_normal.png"
      stretch = TRUE
    }
    image
    {
      function = BOX
      shadow = IN
      state = INSENSITIVE
      file = "../images/qgn_plat_volume_bar_vertical_regular_mute_button_disabled_pressed.png"
      stretch = TRUE
    }
    image
    {
      function = BOX
      shadow = IN
      file = "../images/qgn_plat_volume_bar_vertical_regular_mute_button_pressed.png"
      stretch = TRUE
    }
    image
    {
      function = FOCUS
      state = INSENSITIVE
      file = "../images/qgn_plat_volume_bar_vertical_regular_mute_button_disabled_pressed.png"
      stretch = TRUE
    }
    image
    {
      function = FOCUS
      file = "../images/qgn_plat_volume_bar_vertical_regular_mute_button_pressed.png"
      stretch = TRUE
    }
  }
}
widget_class "*.HildonVVolumebar.GtkToggleButton" style "osso-volumebar-vertical-mutebutton"

style "osso-volumebar-toolbar"
{
  HildonVolumebarRange::stepper_size = 26
  HildonVolumebarRange::slider_width = 40
  HildonVolumebarRange::slider_length = 23
  HildonVolumebarRange::focus_line_width = 0
  HildonVolumebarRange::focus_padding = 0
  HildonVolumebarRange::stepper_spacing = 6
  HildonVolumebarRange::arrow_displacement_x = 0
  HildonVolumebarRange::arrow_displacement_y = 0
  HildonVolumebarRange::trough_border = 0
  HildonVolumebarRange::hildonlike = 1
  HildonVolumebarRange::value_spacing = 0
  HildonVolumebarRange::autodimmed_steppers = 1
  HildonVolumebarRange::two_part_trough = 1 
  HildonVolumebarRange::draw_trough_under_steppers = 0
  
  engine "sapwood"
  {
    image
    {
      function = BOX
      detail = "background"
      state = NORMAL
      file = "../images/qgn_plat_volume_bar_toolbar_background_normal.png"
      border = {20, 20, 18, 18}
      stretch = TRUE
    }
    image
    {
      function = BOX
      detail = "background"
      state = INSENSITIVE
      file = "../images/qgn_plat_volume_bar_toolbar_background_disabled.png"
      border = {20, 20, 18, 18}
      stretch = TRUE
    }
    image
    {
      function = BOX
      detail = "stepper"
    }
    image
    {
      function = BOX
      detail = "trough_northwest"
      state = INSENSITIVE
      file = "../images/qgn_plat_volume_bar_toolbar_shaft_left_disabled.png"
      border = {4, 0, 0, 0}
      stretch = TRUE
    }
    image
    {
      function = BOX
      detail = "trough_northwest"
      file = "../images/qgn_plat_volume_bar_toolbar_shaft_left_normal.png"
      border = {4, 0, 0, 0}
      stretch = TRUE
    }
    image
    {
      function = BOX
      detail = "trough_southeast"
      state = INSENSITIVE
      file = "../images/qgn_plat_volume_bar_toolbar_shaft_right_disabled.png"
      border = {0, 4, 0, 0}
      stretch = TRUE
    }
    image
    {
      function = BOX
      detail = "trough_southeast"
      file = "../images/qgn_plat_volume_bar_toolbar_shaft_right_normal.png"
      border = {0, 4, 0, 0}
      stretch = TRUE
    }
    image
    {
      function = SLIDER
      detail = "slider"
      orientation = HORIZONTAL
      state = INSENSITIVE
      file = "../images/qgn_plat_volume_bar_toolbar_thumb_disabled.png"
    }
    image
    {
      function = SLIDER
      detail = "slider"
      orientation = HORIZONTAL
      file = "../images/qgn_plat_volume_bar_toolbar_thumb_normal.png"
    }
    image
    {
      function = ARROW
      arrow_direction = LEFT
      state = INSENSITIVE
      overlay_file = "../images/qgn_plat_volume_bar_toolbar_less_button_disabled.png"
      overlay_stretch = FALSE
    }
    image
    {
      function = ARROW
      state = ACTIVE
      arrow_direction = LEFT
      overlay_file = "../images/qgn_plat_volume_bar_toolbar_less_button_pressed.png"
      overlay_stretch = FALSE
    }
    image
    {
      function = ARROW
      arrow_direction = LEFT
      overlay_file = "../images/qgn_plat_volume_bar_toolbar_less_button_normal.png"
      overlay_stretch = FALSE
    }
    image
    {
      function = ARROW
      arrow_direction = RIGHT
      state = INSENSITIVE
      overlay_file = "../images/qgn_plat_volume_bar_toolbar_more_button_disabled.png"
      overlay_stretch = FALSE
    }
    image
    {
      function = ARROW
      state = ACTIVE
      arrow_direction = RIGHT
      overlay_file = "../images/qgn_plat_volume_bar_toolbar_more_button_pressed.png"
      overlay_stretch = FALSE
    }
    image
    {
      function = ARROW
      arrow_direction = RIGHT
      overlay_file = "../images/qgn_plat_volume_bar_toolbar_more_button_normal.png"
      overlay_stretch = FALSE
    }
  }
}
widget_class "*.GtkToolbar.GtkToolItem.HildonHVolumebar" style "osso-volumebar-toolbar"
widget_class "*.GtkToolbar.GtkToolItem.HildonHVolumebar.HildonVolumebarRange" style "osso-volumebar-toolbar" 

style "osso-volumebar-toolbar-mutebutton"
{

  GtkWidget::focus_line_pattern = "\0\0\0\0\0\0\0\0"
  
  engine "sapwood"
  {
    image
    {
      function = BOX
      shadow = OUT
      state = INSENSITIVE
      file = "../images/qgn_plat_volume_bar_toolbar_mute_button_disabled.png"
      stretch = TRUE
    }
    image
    {
      function = BOX
      shadow = OUT
      file = "../images/qgn_plat_volume_bar_toolbar_mute_button_normal.png"
      stretch = TRUE
    }
    image
    {
      function = BOX
      shadow = IN
      state = INSENSITIVE
      file = "../images/qgn_plat_volume_bar_toolbar_mute_button_disabled_pressed.png"
      stretch = TRUE
    }
    image
    {
      function = BOX
      shadow = IN
      file = "../images/qgn_plat_volume_bar_toolbar_mute_button_pressed.png"
      stretch = TRUE
    }
    image
    {
      function = FOCUS
      state = INSENSITIVE
      file = "../images/qgn_plat_volume_bar_toolbar_mute_button_disabled_pressed.png"
      stretch = TRUE
    }
    image
    {
      function = FOCUS
      file = "../images/qgn_plat_volume_bar_toolbar_mute_button_pressed.png"
      stretch = TRUE
    }
  }
}
widget_class "*.GtkToolbar.GtkToolItem.HildonHVolumebar.GtkToggleButton" style "osso-volumebar-toolbar-mutebutton"
########################################################
# Hildon Weekday Picker
########################################################

style "osso-weekday" {

    xthickness = 6
    ythickness = 4
    
    engine "sapwood" {
        image {
             function = BOX
             state = NORMAL
             file = "../images/qgn_plat_weekday_picker_normal.png"
             border = { 2, 2, 0, 0 }
             stretch = TRUE
       }
       image {
            function = BOX
            state = ACTIVE
            file = "../images/qgn_plat_weekday_picker_pressed.png"
            border = { 2, 2, 0, 0}
            stretch = TRUE
       }
    }
}

widget_class "*.HildonWeekdayPicker.GtkToggleButton" style "osso-weekday"

widget_class "*.HildonWeekdayPicker.GtkToggleButton.GtkLabel" style "osso-SmallFont"
####################################################
# HILDON BREAD CRUMB BUTTON
#
# Copyright 2006 Nokia Oyj
#
# This file has the themeing of toolbar's menu
# button.
#
# The choicelist version of combobox which only
# allows selection, not edition is named GtkComboBox
# and is actually just one big GtkButton that has text
# inside it. Therefore one image per state is enough
# for it.
#
# The combobox version that allows editing of the text
# is named GtkComboBoxEntry and consists of two parts:
# A GtkButton and GtkEntry. These have to be themed
# separately.
#
# Additionally, when a combobox is in a toolbar,
# it will use different graphics that show the arrow
# pointing upwards.
#
####################################################


####################################################
#
# Style for the hildon-bread-crumb-button
#
####################################################


style "osso-breadcrumb-button" = "osso-logical-colors" {

    GtkWidget::focus-line-pattern = "\0\0\0\0\0\0\0\0"
    GtkWidget::focus-width = 0
    GtkButton::default_border = { 0, 0, 0, 0 }
    GtkButton::child-displacement-x = 0
    GtkButton::child-displacement-y = 1
    GtkButton::interior_focus = 0
    GtkButton::child_spacing = 1
    xthickness = 0
    ythickness = 0

    fg[INSENSITIVE] = "DefaultTextColor"

    engine "sapwood" {

        image {
            function = FOCUS
            state    = ACTIVE
            file     = "../images/qgn_plat_button_breadcrumb_pressed.png"
            border   = { 14, 14, 14, 14 }
            stretch  = TRUE
        }
        image {
            function = FOCUS
            file     = "../images/qgn_plat_button_breadcrumb_focused.png"
            border   = { 14, 14, 14, 14 }
            stretch  = TRUE
        }
        image {
            function = BOX
            shadow   = IN
            file     = "../images/qgn_plat_button_breadcrumb_pressed.png"
            border   = { 14, 14, 14, 14 }
            stretch  = TRUE
        }
        image {
            function = BOX
            state    = SELECTED
            file     = "../images/qgn_plat_button_breadcrumb_pressed.png"
            border   = { 14, 14, 14, 14 }
            stretch  = TRUE
        }
        image {
            function = BOX
            state    = INSENSITIVE
            # no image
        }
        image {
            function = BOX
            file     = "../images/qgn_plat_button_breadcrumb_normal.png"
            border   = { 14, 14, 14, 14 }
            stretch  = TRUE
        }

    }
}

widget "*.osso-breadcrumb-button*"   style "osso-breadcrumb-button"
####################################################
# OSSO CLOCK APPLET
#
# Copyright 2005 Nokia Oyj
#
#
####################################################
style "osso-clock"
{
  GtkFrame::hildonlike = 1
  xthickness = 0
  ythickness = 0

  engine "sapwood"
    {
      image
        {
          function = BOX
          file     = "../images/qgn_plat_gene_applet_bg.png"
          border   = { 25, 25, 25, 25 }
          stretch  = TRUE
        }
    }
}
widget "*.osso-clock" style "osso-clock"


style "osso-clock-analog-am" {
    bg_pixmap[NORMAL] = "../images/qgn_plat_clock_analog_am.png"
}
widget "osso-clock-widget-clockbg-am" style "osso-clock-analog-am"

style "osso-clock-analog-plain" {
    bg_pixmap[NORMAL] = "../images/qgn_plat_clock_analog_plain.png"
}
widget "osso-clock-widget-clockbg" style "osso-clock-analog-plain"

style "osso-clock-analog-pm" {
    bg_pixmap[NORMAL] = "../images/qgn_plat_clock_analog_pm.png"
}
widget "osso-clock-widget-clockbg-pm" style "osso-clock-analog-pm"

style "osso-clock-digital-display-number-0" {
    bg_pixmap[NORMAL] = "../images/qgn_plat_clock_digital_display_number_0.png"
}
widget "osso-clock-widget-digit-0" style "osso-clock-digital-display-number-0"

style "osso-clock-digital-display-number-1" {
    bg_pixmap[NORMAL] = "../images/qgn_plat_clock_digital_display_number_1.png"
}
widget "osso-clock-widget-digit-1" style "osso-clock-digital-display-number-1"

style "osso-clock-digital-display-number-2" {
    bg_pixmap[NORMAL] = "../images/qgn_plat_clock_digital_display_number_2.png"
}
widget "osso-clock-widget-digit-2" style "osso-clock-digital-display-number-2"

style "osso-clock-digital-display-number-3" {
    bg_pixmap[NORMAL] = "../images/qgn_plat_clock_digital_display_number_3.png"
}
widget "osso-clock-widget-digit-3" style "osso-clock-digital-display-number-3"

style "osso-clock-digital-display-number-4" {
    bg_pixmap[NORMAL] = "../images/qgn_plat_clock_digital_display_number_4.png"
}
widget "osso-clock-widget-digit-4" style "osso-clock-digital-display-number-4"

style "osso-clock-digital-display-number-5" {
    bg_pixmap[NORMAL] = "../images/qgn_plat_clock_digital_display_number_5.png"
}
widget "osso-clock-widget-digit-5" style "osso-clock-digital-display-number-5"

style "osso-clock-digital-display-number-6" {
    bg_pixmap[NORMAL] = "../images/qgn_plat_clock_digital_display_number_6.png"
}
widget "osso-clock-widget-digit-6" style "osso-clock-digital-display-number-6"

style "osso-clock-digital-display-number-7" {
    bg_pixmap[NORMAL] = "../images/qgn_plat_clock_digital_display_number_7.png"
}
widget "osso-clock-widget-digit-7" style "osso-clock-digital-display-number-7"

style "osso-clock-digital-display-number-8" {
    bg_pixmap[NORMAL] = "../images/qgn_plat_clock_digital_display_number_8.png"
}
widget "osso-clock-widget-digit-8" style "osso-clock-digital-display-number-8"

style "osso-clock-digital-display-number-9" {
    bg_pixmap[NORMAL] = "../images/qgn_plat_clock_digital_display_number_9.png"
}
widget "osso-clock-widget-digit-9" style "osso-clock-digital-display-number-9"

style "osso-clock-digital-background" {
    bg_pixmap[NORMAL] = "../images/qgn_plat_clock_digital_background.png"
}
widget "osso-clock-widget-clockbg-digital" style "osso-clock-digital-background"

style "osso-clock-digital-display-separator" {
    bg_pixmap[NORMAL] = "../images/qgn_plat_clock_digital_display_separator.png"
}
widget "osso-clock-widget-digit-separator" style "osso-clock-digital-display-separator"

style "osso-clock-digital-label-am" {
    bg_pixmap[NORMAL] = "../images/qgn_plat_clock_digital_label_am.png"
}
widget "osso-clock-widget-digit-am" style "osso-clock-digital-label-am"

style "osso-clock-digital-label-pm" {
    bg_pixmap[NORMAL] = "../images/qgn_plat_clock_digital_label_pm.png"
}
widget "osso-clock-widget-digit-pm" style "osso-clock-digital-label-pm"

####################################################
# OSSO Real Time Communication theming
#
# Copyright 2006 Nokia Oyj
#
#
####################################################


#not needed. sdk team changed it
#style "osso-rtc-window"
#{
#    engine "sapwood"
#    {
#        image {
#            function = FLAT_BOX
#                file     = "../images/qgn_plat_application_voip_background.png"
#                stretch  = TRUE
#        }
#    }
#}
#widget "*.ChavoWindow" style "osso-rtc-window"


style "osso-rtc-button"
{
  engine "sapwood"
    {
        image {
            function = FOCUS
                state    = ACTIVE
                file     = "../images/qgn_plat_button_voip_pressed.png"
                border   = { 38, 38, 0, 0 }
                stretch  = TRUE
        }
        image {
            function = FOCUS
                file     = "../images/qgn_plat_button_voip_focused.png"
                border   = { 38, 38, 0, 0 }
                stretch  = TRUE
        }
        image {
            function = BOX
                state    = ACTIVE
                file     = "../images/qgn_plat_button_voip_pressed.png"
                border   = { 38, 38, 0, 0 }
                stretch  = TRUE
        }
        image {
            function = BOX
                state    = INSENSITIVE
                file     = "../images/qgn_plat_button_voip_disabled.png"
                border   = { 38, 38, 0, 0 }
                stretch  = TRUE
        }
        image {
            function = BOX
                file     = "../images/qgn_plat_button_voip_normal.png"
                border   = { 38, 38, 0, 0 }
                stretch  = TRUE
        }
    }
}


widget "*.ChavoButton" style "osso-rtc-button"

style "osso-rtc-frame"
{
  GtkFrame::hildonlike = 1
  engine "sapwood"
    {
        image {
            function = BOX
                file     = "../images/qgn_plat_application_call_handling_frame_block.png"
                border   = { 12, 12, 12, 12 }
                stretch  = TRUE
        }
    }
}
widget "*.ChavoFrame" style "osso-rtc-frame"


style "osso-ChavoSystemFont" {
    font_name = "Nokia Sans 22.11"
}
widget "*.ChavoLabel" style "osso-ChavoSystemFont"


style "osso-ChavoButtonFont" {
    font_name = "Nokia Sans 30.15"
}
widget "*.ChavoButton.GtkLabel" style "osso-ChavoButtonFont"

####################################################
# CALENDAR POPOUP (GTKCALENDAR)
#
# Copyright 2004,2005 Nokia Oyj
#
# Following style is for switching on osso theming
# for GtkCalendar.
# Assign this style to all GtkCalendars
####################################################

style "osso-calendar" = "osso-logical-colors" {
  GtkCalendar::hildonlike = 1
  xthickness = 0
  ythickness = 0
  text[SELECTED] = "DefaultTextColor"

  engine "sapwood" {
  
    # Image used for indicating the current actual date  
    image {
      function = BOX
      state = NORMAL
      detail = "current-day"
      file = "../images/qgn_plat_calendar_current_day_indicator.png"
      stretch = TRUE
      border = {4,4,4,4}
    }
    
    # Image used for indicating the currently selected day
    image {
      function = BOX
      state = NORMAL
      detail = "active-day"
      file = "../images/qgn_plat_calendar_active_day_indicator.png"
      stretch = TRUE
      border = {1,1,1,1}
    }
    
    # Image used for indicating the current week in week number column
    # and the current weekday in weekday list row.
    image {
      function = BOX
      state = NORMAL
      detail = "passive-focus"
      file = "../images/qgn_plat_calendar_week_day_indicator.png"
      stretch = TRUE
      border = {2,2,2,2}
    }
  }
}

class "GtkCalendar" style "osso-calendar"
####################################################  
# Hildon Time Picker
#
#
#################################################### 

style "osso-time-picker-arrows" {

  engine "sapwood" {
    image {
      function = BOX
      detail = "osso_button_n"
      state = ACTIVE
      file = "../images/qgn_plat_arrow_up_pressed.png"
    }
    image {
      function = BOX
      detail = "osso_button_n"
      file = "../images/qgn_plat_arrow_up_normal.png"
    }
    image {
      function = BOX
      detail = "osso_button_s"
      state = ACTIVE
      file = "../images/qgn_plat_arrow_down_pressed.png"
    }
    image {
      function = BOX
      detail = "osso_button_s"
      file = "../images/qgn_plat_arrow_down_normal.png"
    }
  }
}
widget_class "HildonTimePicker.GtkVBox.GtkAlignment.GtkTable.GtkButton" style "osso-time-picker-arrows"

style "osso-time-picker-ebox" {
      xthickness = 0
      ythickness = 0

      engine "sapwood" {
         image {
            function = FLAT_BOX
	    state = SELECTED
            file = "../images/qgn_plat_focus_active.png"
            border = { 2, 2, 2, 2 }
            stretch = TRUE
         }
         image {
            function = FLAT_BOX
         }
      }
}
widget_class "HildonTimePicker.GtkVBox.GtkAlignment.GtkTable.GtkFrame.GtkEventBox" style "osso-time-picker-ebox"
widget_class "HildonTimePicker.GtkVBox.GtkAlignment.GtkTable.GtkAlignment.GtkFrame.GtkEventBox" style "osso-time-picker-ebox"

widget_class "HildonTimePicker.GtkVBox.GtkAlignment.GtkTable.GtkLabel" style "osso-LargeFont"
widget_class "HildonTimePicker.GtkVBox.GtkAlignment.GtkTable.GtkFrame.GtkEventBox.GtkLabel" style "osso-LargeFont"
widget_class "HildonTimePicker.GtkVBox.GtkAlignment.GtkHButtonBox.GtkButton.GtkLabel" style "osso-ButtonFont"
widget_class "HildonTimePicker.GtkVBox.GtkAlignment.GtkTable.GtkAlignment.GtkFrame.GtkEventBox.GtkLabel" style "osso-SystemFont"

##################
# STUFF DONE AFTER INCLUDES
#
# This sets these styles if no other style 
# has been already set.
##################

widget "*osso-SystemFont" style "osso-SystemFont"
widget "*osso-EmpSystemFont" style "osso-EmpSystemFont"
widget "*osso-TitleFont" style "osso-TitleFont"
widget "*osso-ButtonFont" style "osso-ButtonFont"
widget "*osso-SmallFont" style "osso-SmallFont"
widget "*osso-LargeFont" style "osso-LargeFont"
widget "*osso-HWRFont1" style "osso-HWRFont1"
widget "*osso-HWRFont2" style "osso-HWRFont2"

# Setting default font style
class "GtkWidget" style "osso-SystemFont"

# Setting application menu pop-up position
widget "*.menu_force_with_corners" style "osso-application-menu-popup-position"

# Setting GtkEntry drawing type flag (whether to use our gtk_paint_box or
# gtk's original gtk_paint_shadow
class "GtkEntry" style "osso-entry-special"

####
# To be moved :
####

style "Toolbar_max_expand"
{
GtkToolbar::max_child_expand = 48
}

class "GtkWidget" style "Toolbar_max_expand"
