################
# GENERAL

# background
style "toshl-background"
{
    bg[NORMAL] = "#dedbd8"
}
widget "*.HildonPannableArea" style "toshl-background"
widget "*.GtkViewport" style "toshl-background"

# @todo do we need this?
style "toshl-background-parent"
{
    bg_pixmap[NORMAL] = "<parent>"
}

# black text
style "toshl-black"
{
  fg[NORMAL] = "#111111"
  fg[PRELIGHT] = "#111111"
  fg[ACTIVE] = "#111111"
  fg[INSENSITIVE] = "#111111"
  fg[SELECTED] = "#111111"
}
class "GtkLabel" style "toshl-black"

# bold text 16
style "toshl-bold"
{
  font_name = "Nokia Sans Bold 16"
}
widget "*.toshl_bold" style "toshl-bold"

# white text
style "toshl-white"
{
  fg[NORMAL] = "#FFFFFF"
  fg[PRELIGHT] = "#FFFFFF"
  fg[ACTIVE] = "#FFFFFF"
}

# finger button
style "toshl-finger-button" {
  xthickness = 5
	ythickness = 0
	
  engine "sapwood" {
		image {
			function = BOX
			detail   = "buttondefault"
		}
		image {
			function = BOX
			shadow   = IN
      shaped   = TRUE
			file     = "img/FingerButtonPressed.png"
			border   = { 16, 16, 0, 0 }
		}
		image {
			function = BOX
			state    = INSENSITIVE
      shaped   = TRUE
			file     = "img/FingerButtonNormal.png"
			border   = { 16, 16, 0, 0 }
		}
		image {
			function = BOX
      shaped   = TRUE
			file     = "img/FingerButtonNormal.png"
			border   = { 16, 16, 0, 0 }
		}
	}
}
widget "*Button-finger" style "toshl-finger-button"
widget "*Button-finger.GtkLabel" style "toshl-black"
widget "*Button-finger.GtkHBox.GtkLabel" style "toshl-black"

# entry
style "toshl-entry"
{  
	xthickness = 10
	ythickness = 0
	
	font_name = "Nokia Sans 18"

	GtkWidget::interior-focus = 1
	GtkEntry::inner-border = { 0, 0, 10, 10 }
	GtkEntry::state-hint = 1

	text[NORMAL] = "#111111"
	text[INSENSITIVE] = "#333333"
}

# textview
style "toshl-textview"
{
	GtkWidget::focus-line-width = 10

  xthickness = 10
	ythickness = 0
	
	font_name = "Nokia Sans 18"

	text[NORMAL] = "#111111"
	text[INSENSITIVE] = "#333333"
}

# touch selectors
style "toshl-touch-selector" {
	GtkTreeView::row-ending-details = 1
	GtkTreeView::row-height = 70

	# HILDON_FREMANTLE == 1 here!
	GtkWidget::hildon-mode = 1
	
	bg[NORMAL] = "#3a3a3a"
	bg[ACTIVE] = "#3a3a3a"
	bg[SELECTED] = "#3a3a3a"
  text[NORMAL] = "white"
  text[ACTIVE] = "#111111"

	engine "sapwood" {
		image {
			function = FLAT_BOX
			state = SELECTED
			detail = "cell_even"
			file = "img/TouchSelectorBackgroundSelected.png"
			border = { 4, 4, 0, 0}
		}
		image {
			function = FLAT_BOX
			detail = "cell_even"
			file = "img/TouchSelectorBackgroundNormal.png"
			border = { 4, 4, 0, 0}
		}
		
		image {
			function = FLAT_BOX
			state = SELECTED
			detail = "cell_odd"
			file = "img/TouchSelectorBackgroundSelected.png"
			border = { 4, 4, 0, 0}
		}
		image {
			function = FLAT_BOX
			detail = "cell_odd"
			file = "img/TouchSelectorBackgroundNormal.png"
			border = { 4, 4, 0, 0}
		}
		
		image {
			function = FLAT_BOX
			state = SELECTED
			detail = "*ruled"
			file = "img/TouchSelectorBackgroundSelected.png"
			border = { 4, 4, 0, 0}
		}
		image {
			function = FLAT_BOX
			detail = "*ruled"
			file = "img/TouchSelectorBackgroundNormal.png"
			border = { 4, 4, 0, 0}
		}
		
		image {
			function = FLAT_BOX
			state = SELECTED
			detail = "*sorted"
			file = "img/TouchSelectorBackgroundSelected.png"
			border = { 4, 4, 0, 0}
		}
		image {
			function = FLAT_BOX
			detail = "*sorted"
			file = "img/TouchSelectorBackgroundNormal.png"
			border = { 4, 4, 0, 0}
		}
		
		image {
			function = FOCUS
		}
	}
}
widget_class "*.<HildonPannableArea>.<GtkTreeView>" style "toshl-touch-selector"

# picker dialog background
style "toshl-touch-selector-bg"
{
  bg[NORMAL] = "#3a3a3a"  # @todo are all these colors really necessary
  bg[SELECTED] = "#3a3a3a"
  bg[PRELIGHT] = "#3a3a3a"
  bg[ACTIVE] = "#3a3a3a"
  base[NORMAL] = "#3a3a3a"
  base[SELECTED] = "#3a3a3a"
  base[PRELIGHT] = "#3a3a3a"
  base[ACTIVE] = "#3a3a3a"
}
class "HildonPickerDialog" style "toshl-touch-selector-bg"
widget "HildonPickerDialog*HildonPannableArea" style "toshl-touch-selector-bg"
class "HildonDialog" style "toshl-touch-selector-bg"

# confirmation dialog
style "toshl-confirmation"
{
	engine "sapwood" {
		image {
			function = FLAT_BOX
			file     = "img/ConfirmationBackground.png"
			border   = {16, 16, 16, 16}
		}
	}
	
}
widget "HildonNote-confirmation" style "toshl-confirmation"

style "toshl-confirmation-fg"
{
  fg[NORMAL] = "white"
}
widget "HildonNote-confirmation.*" style "toshl-confirmation-fg"

# touch selector button
style "toshl-touch-selector-button" {
	xthickness = 5
	ythickness = 0
	
  engine "sapwood" {
		image {
			function = BOX
			detail   = "buttondefault"
		}
		image {
			function = BOX
			shadow   = IN
      shaped   = TRUE
			file     = "img/TouchSelectorButtonPressed.png"
			border   = { 16, 16, 0, 0 }
		}
		image {
			function = BOX
			state    = INSENSITIVE
      shaped   = TRUE
			file     = "img/TouchSelectorButtonNormal.png"
			border   = { 16, 16, 0, 0 }
		}
		image {
			function = BOX
      shaped   = TRUE
			file     = "img/TouchSelectorButtonNormal.png"
			border   = { 16, 16, 0, 0 }
		}
	}
}
widget "*.hildon-dialog-action-area.GtkButton-finger" style "toshl-touch-selector-button"
widget "*.hildon-dialog-action-area.GtkButton-finger.GtkLabel" style "toshl-black"

# dialog titlebar
style "toshl-picker-dialog-titlebar"
{
  bg_pixmap[NORMAL] = "img/TouchSelectorTop.png"
}
widget "*.wm_picker_dialog_titlebar" style "toshl-picker-dialog-titlebar"
widget "*.wm_picker_dialog_titlebar.GtkLabel" style "toshl-white"


# little button
style "toshl-little-button" {
	xthickness = 5
	ythickness = 0
	
	HildonButton::vertical-spacing = 0

    engine "sapwood" {
		image {
			function = BOX
			detail   = "buttondefault"
		}
		image {
			function = BOX
			shadow   = IN
            shaped   = TRUE
			file     = "img/LittleButtonPressed.png"
			border   = { 16, 16, 0, 0 }
		}
		image {
			function = BOX
			state    = INSENSITIVE
            shaped   = TRUE
			file     = "img/LittleButtonNormal.png"
			border   = { 16, 16, 0, 0 }
		}
		image {
			function = BOX
            shaped   = TRUE
			file     = "img/LittleButtonNormal.png"
			border   = { 16, 16, 0, 0 }
		}
	}
}
widget "*Button-little" style "toshl-little-button"

style "toshl-little-button-label"
{
  font_name = "Nokia Sans 16"
  fg[NORMAL] = "black"
  fg[ACTIVE] = "black"
  fg[PRELIGHT] = "black"
}
widget "*Button-little.GtkLabel" style "toshl-little-button"


##################
# MAIN
widget "main_root" style "toshl-background"

# appmenu
style "toshl-app-menu" {
	HildonAppMenu::vertical-spacing = 0
	HildonAppMenu::horizontal-spacing = 0
	
	engine "sapwood" {
		image {
			function = FLAT_BOX
			file = "img/AppMenu.png"
			border = { 20, 20, 20, 10 }
		}
	}
}

# appmenu radios
style "toshl-appmenu-radio" {
	engine "sapwood" {
		image {
			function = BOX
			position = LEFT, TOP, BOTTOM
			shadow   = IN
			file     = "img/RadioLeftButtonPressed.png"
			border   = { 16, 16, 0, 0 }
		}
		image {
			function = BOX
			position = LEFT, TOP, BOTTOM
			file     = "img/RadioLeftButtonNormal.png"
			border   = { 16, 16, 0, 0 }
		}
		image {
			function = BOX
			position = RIGHT, TOP, BOTTOM
			shadow   = IN
			file     = "img/RadioRightButtonPressed.png"
			border   = { 16, 16, 0, 0 }
		}
		image {
			function = BOX
			position = RIGHT, TOP, BOTTOM
			file     = "img/RadioRightButtonNormal.png"
			border   = { 16, 16, 0, 0 }
		}
	}
}

# appmenu button
style "toshl-appmenu-button" {
	xthickness = 5
	ythickness = 0
	
  engine "sapwood" {
		image {
			function = BOX
			detail   = "buttondefault"
		}
		image {
			function = BOX
			shadow   = IN
      shaped   = TRUE
			file     = "img/AppMenuButtonPressed.png"
			border   = { 16, 16, 0, 0 }
		}
		image {
			function = BOX
			state    = INSENSITIVE
      shaped   = TRUE
			file     = "img/AppMenuButtonNormal.png"
			border   = { 16, 16, 0, 0 }
		}
		image {
			function = BOX
      shaped   = TRUE
			file     = "img/AppMenuButtonNormal.png"
			border   = { 16, 16, 0, 0 }
		}
	}
}

class "HildonAppMenu" style "toshl-app-menu"
widget "*.main_appm_timeline_radio" style "toshl-appmenu-radio"
widget "*.main_appm_tags_radio" style "toshl-appmenu-radio"
widget "*.main_appm_timeline_radio.GtkLabel" style "toshl-black"
widget "*.main_appm_tags_radio.GtkLabel" style "toshl-black"
widget "*.main_appm_timespan_button" style "toshl-appmenu-button"
widget "*.main_appm_settings_button" style "toshl-appmenu-button"
widget "*.main_appm_synchronize_button" style "toshl-appmenu-button"
widget "*.main_appm_edittags_button" style "toshl-appmenu-button"
widget "*.main_appm_timespan_button.GtkLabel" style "toshl-black"
widget "*.main_appm_settings_button.GtkLabel" style "toshl-black"
widget "*.main_appm_edittags_button.GtkLabel" style "toshl-black"


##################
# AREA
style "toshl-empty-font"
{
  fg[NORMAL] = '#999490'
}

widget "*.area_root" style "toshl-background"
widget "*.empty_font" style "toshl-empty-font"
widget "*.area_add_button" style "toshl-finger-button"
widget "*.area_add_button.GtkLabel" style "toshl-black"


##################
# EXPENSE

# section title
style "toshl-expense-section-title"
{
    bg[NORMAL] = "#dedbd8"
    fg[NORMAL] = "#823330"
    font_name = "Nokia Sans Bold 15"
}

# section title (red bg)
style "toshl-expense-section-title-red"
{
    bg_pixmap[NORMAL] = "img/RedBackground.png"
    fg[NORMAL] = "white"
    font_name = "Nokia Sans Bold 15"
}

# section separator
style "toshl-expense-section-separator"
{
    bg_pixmap[NORMAL] = "img/Separator.png"
}

# section summer
style "toshl-expense-section-summer"
{
    bg[NORMAL] = "#dedbd8"
    fg[NORMAL] = "#823330"
    font_name = "Nokia Sans 20"
}

# section summer (red bg)
style "toshl-expense-section-summer-red"
{
    bg_pixmap[NORMAL] = "img/RedBackground.png"
    fg[NORMAL] = "white"
    font_name = "Nokia Sans 16"
}

# treeview
style "toshl-expense-treeview"
{

  bg[NORMAL] = "#dedbd8"
  text[NORMAL] = "black"
  text[SELECTED] = "white"
  base[NORMAL] = "#dedbd8"

  GtkTreeView::allow-rules = 0

  engine "sapwood"
  {
    image
      {
        function = FLAT_BOX
        state = NORMAL
        file = "img/TreeviewItemBackground.png"
        border = {0, 0, 0, 0}
        detail = "*_middle"
      }
      
    image
      {
        function = FLAT_BOX
        state = NORMAL
        detail = "*_start"
      
      }
      
    image
      {
        function = FLAT_BOX
        state = NORMAL
        file = "img/TreeviewItemBackground.png"
        detail = "*_end"
      
      }
    image
    {
      function = FLAT_BOX
      state    = SELECTED
      file = "img/TreeviewItemSelected.png"
      border = { 0, 0, 0, 0 }
    }
  }
  
  GtkTreeView::horizontal-separator = 0
  GtkTreeView::vertical-separator = 1
}


widget "*section_space" style "toshl-background"
widget "*timeline_root" style "toshl-background"
widget "*tags_root" style "toshl-background"
widget "*expense_area" style "toshl-background"
widget "*expense_section_title_normal" style "toshl-expense-section-title"
widget "*expense_section_title_normal.*" style "toshl-expense-section-title"
widget "*expense_section_title_red" style "toshl-expense-section-title-red"
widget "*expense_section_title_red.*" style "toshl-expense-section-title-red"
widget "*expense_section_separator" style "toshl-expense-section-separator"
widget "*expense_section_summer_normal" style "toshl-expense-section-summer"
widget "*expense_section_summer_normal.*" style "toshl-expense-section-summer"
widget "*expense_section_summer_red" style "toshl-expense-section-summer-red"
widget "*expense_section_summer_red.*" style "toshl-expense-section-summer-red"
widget "*expense_section" style "toshl-expense-treeview"
widget "*expense_section_summer_small" style "toshl-bold"


#################
# DETAIL

# detail box
style "toshl-expense-detail-box"
{
    bg_pixmap[NORMAL] = "img/DetailBackgroundTop.png"
}

# detail box bottom
style "toshl-expense-detail-box-bottom"
{
    bg_pixmap[NORMAL] = "img/DetailBackgroundBottom.png"
}

# detail small
style "toshl-expense-detail-pair-small"
{
    font_name = "Nokia Sans 14"
    fg[NORMAL] = "#111111"
}

# detail big
style "toshl-expense-detail-pair-big"
{
    font_name = "Nokia Sans 18"
    fg[NORMAL] = "#111111"
}

widget "*detail_area" style "toshl-background"
widget "*detail_root" style "toshl-background"
widget "*detail_root_eb" style "toshl-expense-detail-box"
widget "*detail_bottom" style "toshl-expense-detail-box-bottom"
widget "*detail_pair_small.GtkLabel" style "toshl-expense-detail-pair-small"
widget "*detail_pair_big.GtkLabel" style "toshl-expense-detail-pair-big"
widget "*detail_button_edit" style "toshl-little-button"
widget "*detail_button_delete" style "toshl-little-button"
widget "*detail_button_edit.GtkLabel" style "toshl-little-button-label"
widget "*detail_button_delete.GtkLabel" style "toshl-little-button-label"


##################
# ADD

# background
style "toshl-add-background"
{
    bg_pixmap[NORMAL] = "img/AddExpenseBackground.png"
}

# add button
style "toshl-done-button" {
  xthickness = 5
	ythickness = 0
	
  engine "sapwood" {
		image {
			function = BOX
			detail   = "buttondefault"
		}
		image {
			function = BOX
			shadow   = IN
      shaped   = TRUE
			file     = "img/AddButtonPressed.png"
			border   = { 16, 16, 0, 0 }
		}
		image {
			function = BOX
			state    = INSENSITIVE
      shaped   = TRUE
			file     = "img/AddButtonNormal.png"
			border   = { 16, 16, 0, 0 }
		}
		image {
			function = BOX
      shaped   = TRUE
			file     = "img/AddButtonNormal.png"
			border   = { 16, 16, 0, 0 }
		}
	}
}

# label
style "toshl-add-label"
{
  font_name = "Nokia Sans 16"
  fg[NORMAL] = "#111111"
  fg[PRELIGHT] = "#111111"
  fg[ACTIVE] = "#111111"
}

# currency label
style "toshl-add-symbol" = "toshl-add-label"
{
  font_name = "Nokia Sans 24"
}

# tag button
style "toshl-add-tag-button"
{
  xthickness = 8
	ythickness = 0
	
	HildonButton::vertical-spacing = 0
	
	GtkButton::default_border = { 5, 5, 5, 5 }

  engine "sapwood" {
		image {
			function = BOX
			detail   = "buttondefault"
		}
		image {
			function = BOX
			shadow   = IN
            shaped   = TRUE
			file     = "img/TagButtonPressed.png"
			border   = { 20, 20, 0, 0 }
		}
		image {
			function = BOX
			state    = INSENSITIVE
            shaped   = TRUE
			file     = "img/TagButton.png"
			border   = { 20, 20, 0, 0 }
		}
		image {
			function = BOX
            shaped   = TRUE
			file     = "img/TagButton.png"
			border   = { 20, 20, 0, 0 }
		}
	}
}

# tag button label
style "toshl-add-tag-button-label"
{
  fg[ACTIVE] = "#FFFFFF"
  fg[NORMAL] = "#FFFFFF"
  fg[PRELIGHT] = "#FFFFFF"
  
  font_name = "Nokia Sans 16"
}

# top entry
style "toshl-add-entry-top" = "toshl-entry"
{
  engine "sapwood"
  {
    image
    {
      function = SHADOW
      state = NORMAL
      file = "img/TextInputFrameTop.png"
      border = {18, 18, 18, 18}
    }
    image
    {
      function = SHADOW
      state = ACTIVE
      file = "img/TextInputFrameTopFocused.png"
      border = {18, 18, 18, 18}
    }
    image {
			function = FLAT_BOX
			shadow = NONE
			state = ACTIVE
			file = "img/TextInputTopFocused.png"
			border = { 12, 12, 18, 18 }
		}
		image {
			function = FLAT_BOX
			shadow = NONE
			state = NORMAL
			file = "img/TextInputTop.png"
			border = { 12, 12, 18, 18 }
		}
	}
}

# amount entry
style "toshl-add-entry-top-amount"
{
  font_name = "Nokia Sans 26"
}

# bottom entry
style "toshl-add-entry-bottom" = "toshl-entry"
{
  engine "sapwood"
  {
    image
    {
      function = SHADOW
      state = NORMAL
      file = "img/TextInputFrameBottom.png"
      border = {18, 18, 18, 18}
    }
    image
    {
      function = SHADOW
      state = ACTIVE
      file = "img/TextInputFrameBottomFocused.png"
      border = {18, 18, 18, 18}
    }
    image {
			function = FLAT_BOX
			shadow = NONE
			state = ACTIVE
			file = "img/TextInputBottomFocused.png"
			border = { 12, 12, 18, 18 }
		}
		image {
			function = FLAT_BOX
			shadow = NONE
			state = NORMAL
			file = "img/TextInputBottom.png"
			border = { 12, 12, 18, 18 }
		}
	}
}

# description entry
style "toshl-add-entry-description" = "toshl-textview"
{
	engine "sapwood"
	{
		image
		{
			function = FOCUS
			detail   = "textview"
			file     = "img/TextInputFrameBottomFocused.png"
			border = { 18, 18, 18, 18 }
		}
		image
		{
			function = SHADOW
			shadow   = OUT
			detail   = "textview"
			file     = "img/TextInputFrameBottom.png"
			border = { 18, 18, 18, 18 }
		}
	}
}


widget "add_root" style "toshl-add-background"
widget "add_root*.GtkLabel" style "toshl-add-label"
widget "*.add_done_button" style "toshl-done-button"
widget "*.add_amount_symbol" style "toshl-add-symbol"
widget "*.add_tag_button" style "toshl-add-tag-button"
widget "*.add_tag_button.GtkLabel" style "toshl-add-tag-button-label"
widget "*.add_tags_entry" style "toshl-add-entry-top"
widget "*.add_amount_entry" style "toshl-add-entry-top"
widget "*.add_amount_entry" style "toshl-add-entry-top-amount"
widget "*.add_date_entry" style "toshl-add-entry-bottom"
widget "*.add_description_entry" style "toshl-add-entry-description"


############
# SETTINGS

# title
style "toshl-settings-title"
{
  font_name = "Nokia Sans 18"
  fg[NORMAL] = "#3a3a3a"
}

# description
style "toshl-settings-desc"
{
  font_name = "Nokia Sans 14"
  fg[NORMAL] = "#5e5e5e"
}

# email
style "toshl-settings-email"
{
  font_name = "Nokia Sans 20"
}

# separator
style "toshl-settings-separator"
{
    bg_pixmap[NORMAL] = "img/SeparatorSettings.png"
}

# button label
style "toshl-settings-button-label" = "toshl-black"
{
  font_name = "Nokia Sans 16"
}

# currency dialog entry
style "toshl-settings-entry-currency" = "toshl-entry"
{
  engine "sapwood"
  {
    image
    {
      function = SHADOW
      state = NORMAL
      file = "img/TextInputFrameDialog.png"
      border = {18, 18, 18, 18}
    }
    image
    {
      function = SHADOW
      state = ACTIVE
      file = "img/TextInputFrameDialogFocused.png"
      border = {18, 18, 18, 18}
    }
    image 
    {
      function = FLAT_BOX
      shadow = NONE
      state = ACTIVE
      file = "img/TextInputDialogFocused.png"
      border = { 12, 12, 18, 18 }
	}
	image 
	{
	  function = FLAT_BOX
	  shadow = NONE
	  state = NORMAL
	  file = "img/TextInputDialog.png"
	  border = { 12, 12, 18, 18 }
    }
  }
}

widget "*.settings_separator" style "toshl-settings-separator"
widget "*.settings_desc" style "toshl-settings-desc"
widget "*.settings_title" style "toshl-settings-title"
widget "*.settings_email" style "toshl-settings-email"
widget "*.settings_login_button" style "toshl-finger-button"
widget "*.settings_register_button" style "toshl-finger-button"
widget "*.settings_login_button.GtkLabel" style "toshl-settings-button-label"
widget "*.settings_register_button.GtkLabel" style "toshl-settings-button-label"
widget "*.settings_account_info" style "toshl-background"
widget "*.settings_sync_switcher" style "toshl-background"
widget "*.settings_currency_dropdown" style "toshl-finger-button"
widget "*.settings_currency_dropdown*GtkLabel" style "toshl-black"
widget "*.settings_sync_dropdown" style "toshl-finger-button"
widget "*.settings_sync_dropdown*GtkLabel" style "toshl-black"
widget "*.settings_sync_button" style "toshl-finger-button"
widget "*.settings_sync_button.GtkLabel" style "toshl-black"
widget "*.settings_tags_button" style "toshl-finger-button"
widget "*.settings_tags_button.GtkLabel" style "toshl-black"
widget "*.settings_logout_button" style "toshl-finger-button"
widget "*.settings_logout_button.GtkLabel" style "toshl-black"
widget "*.settings_currency_entry" style "toshl-settings-entry-currency"


#################
# WELCOME

# backgrounds
style "toshl-welcome-1"
{
    bg_pixmap[NORMAL] = "img/WelcomeBg1.png"
}
style "toshl-welcome-2"
{
    bg_pixmap[NORMAL] = "img/WelcomeBg2.png"
}
style "toshl-welcome-3"
{
    bg_pixmap[NORMAL] = "img/WelcomeBg3.png"
}

# title
style "toshl-welcome-title"
{
    font_name = "Nokia Sans 22"
}

# description
style "toshl-welcome-desc"
{
    font_name = "Nokia Sans 14"
}
style "toshl-welcome-desc2"
{
    font_name = "Nokia Sans 14"
}

# skip
style "toshl-welcome-skip"
{
    bg[NORMAL] = "#dedbd8"
}
style "toshl-welcome-skip-label"
{
    font_name = "Nokia Sans 14"
    fg[NORMAL] = "#888888"
}


widget "welcome_root_*" style "toshl-background-parent"
widget "welcome_root_1" style "toshl-welcome-1"
widget "welcome_root_2" style "toshl-welcome-2"
widget "welcome_root_3" style "toshl-welcome-3"
widget "*.welcome_title" style "toshl-welcome-title"
widget "*.welcome_desc" style "toshl-welcome-desc"
widget "*.welcome_desc2" style "toshl-welcome-desc2"
widget "*.welcome_skip" style "toshl-welcome-skip"
widget "*.welcome_skip*GtkLabel" style "toshl-welcome-skip-label"
widget "*.welcome_login_button" style "toshl-finger-button"
widget "*.welcome_register_button" style "toshl-finger-button"
widget "*.welcome_login_button.GtkLabel" style "toshl-black"
widget "*.welcome_register_button.GtkLabel" style "toshl-black"
widget "*next_button" style "toshl-finger-button"
widget "*next_button.GtkLabel" style "toshl-black"
widget "*prev_button" style "toshl-finger-button"
widget "*prev_button.GtkLabel" style "toshl-black"


############
# LOADER

style "toshl-loader-title"
{
  font_name = "Nokia Sans 26"
  fg[NORMAL] = "#5e5e5e"
}
style "toshl-loader-desc"
{
  font_name = "Nokia Sans 16"
  fg[NORMAL] = "#5e5e5e"
}

widget "loader_root" style "toshl-background"
widget "*.loader_cancel_button" style "toshl-finger-button"
widget "*.loader_cancel_button.GtkLabel" style "toshl-black"
widget "*.loader_title_label" style "toshl-loader-title"
widget "*.loader_desc_label" style "toshl-loader-desc"



###########
# EDIT TAGS

# header
style "toshl-tags-header"
{
  bg_pixmap[NORMAL] = 'img/TagHeader.png'
}

# item
style "toshl-tags-item"
{
  bg_pixmap[NORMAL] = 'img/TreeviewItemBackground.png'
}

# selected
style "toshl-tags-item-selected"
{
  bg_pixmap[NORMAL] = 'img/TagSelectedBg.png'
}

# count label
style "toshl-tags-count"
{
  fg[NORMAL] = '#9a9592'
}

# tag entry
style "toshl-tags-entry" = "toshl-entry"
{
  font_name = 'Nokia Sans 22'

  engine "sapwood"
  {
    image
    {
      function = SHADOW
      state = NORMAL
      file = "img/TextInputFrameTop.png"
      border = {18, 18, 18, 18}
    }
    image
    {
      function = SHADOW
      state = ACTIVE
      file = "img/TagsInputFrameFocused.png"
      border = {18, 18, 18, 18}
    }
    image {
			function = FLAT_BOX
			shadow = NONE
			state = ACTIVE
			file = "img/TagsInputFocused.png"
			border = { 12, 12, 18, 18 }
		}
		image {
			function = FLAT_BOX
			shadow = NONE
			state = NORMAL
			file = "img/TextInputTop.png"
			border = { 12, 12, 18, 18 }
		}
	}
}

# save button
style "toshl-tags-save"
{
  xthickness = 5
	ythickness = 0
	
  engine "sapwood" {
		image {
			function = BOX
			detail   = "buttondefault"
		}
		image {
			function = BOX
			shadow   = IN
      shaped   = TRUE
			file     = "img/TagEditButtonPressed.png"
			border   = { 16, 16, 0, 0 }
		}
		image {
			function = BOX
			state    = INSENSITIVE
      shaped   = TRUE
			file     = "img/TagEditButton.png"
			border   = { 16, 16, 0, 0 }
		}
		image {
			function = BOX
      shaped   = TRUE
			file     = "img/TagEditButton.png"
			border   = { 16, 16, 0, 0 }
		}
	}
}


widget "edittags_root" style "toshl-background"
widget "*.edittags_header" style "toshl-tags-header"
widget "*.edittags_tag_item" style "toshl-tags-item"
widget "*.edittags_tag_selected" style "toshl-tags-item-selected"
widget "*.edittags_header_count" style "toshl-tags-count"
widget "*.edittags_tag_entry" style "toshl-tags-entry"
widget "*.edittags_tag_button" style "toshl-tags-save"
widget "*.edittags_tag_button.GtkLabel" style "toshl-black"


