# css_style_map defines css styles which are required
# to be defined within the header of a html document.
# This is mostly used for URL image files where the file path
# needs to be defined by the Salang fileref() function.

css_style_map = {

	# Each node defines a css file_name as used in the file maps. An exception is "msie_6", for which no css file exists, see below.
	# The values are added within the <style></style> tags in the html header.

	base = {

        # KHP 11/June/2010 - div_product_bar_bg has been replaced with CSS gradient
		# div_product_bar_bg = "div.product-bar-bg {background-image: url({=fileref('picts/product_bar_gradient.png')=})}"

		div_panel_50_header = "div.panel-50-header {background-image: url({=fileref('picts/panel/panel_50_top_left.gif')=})}"
		div_panel_50_header_frame = "div.panel-50-header-frame {background-image: url({=fileref('picts/panel/panel_50_top_right.gif')=})}"
		div_panel_50_footer = "div.panel-50-footer {background-image: url({=fileref('picts/panel/panel_50_bottom_left.gif')=})}"
		div_panel_50_footer_offset = "div.panel-50-footer-offset {background-image: url({=fileref('picts/panel/panel_50_bottom_right.gif')=})}"
	} # base
	
	file_manager = {
		div_directory_tree_li = "div.directory-tree li {background-image: url({=fileref('picts/doc_tree_y_line.gif')=})}"
	} # file_manager

	forms = {
		div_form_cover = "div.form-cover {background-image: url({=fileref('picts/transparent_white.gif')=})}"
	} # forms
	
	panel = {
		div_panel_20_header = "div.panel-20-header {background-image: url({=fileref('picts/panel/panel_20_top_left.gif')=})}"
		div_panel_20_header_top = "div.panel-20-header-top {background-image: url({=fileref('picts/panel/panel_20_top_right.gif')=})}"
		div_panel_20_footer = "div.panel-20-footer {background-image: url({=fileref('picts/panel/panel_20_bottom_left.gif')=})}"
		div_panel_20_footer_offset = "div.panel-20-footer-offset {background-image: url({=fileref('picts/panel/panel_20_bottom_right.gif')=})}"
		div_tab_50 = "div.tab-50 {background-image: url({=fileref('picts/panel/tab_50_bottom_line.gif')=})}"
		ul_tab_50_li = "ul.tab-50 li {background-image: url({=fileref('picts/panel/tab_50_left.gif')=})}"
		ul_tab_50_a = "ul.tab-50 a {background-image: url({=fileref('picts/panel/tab_50_right.gif')=})}"
		ul_tab_50_li_active = "ul.tab-50 li.active {background-image: url({=fileref('picts/panel/tab_50_active_left.gif')=})}"
		ul_tab_50_a_active = "ul.tab-50 a.active {background-image: url({=fileref('picts/panel/tab_50_active_right.gif')=})}"
		ul_tab_50_li_hover = "ul.tab-50 li.hover {background-image: url({=fileref('picts/panel/tab_50_hover_left.gif')=})}"
		ul_tab_50_a_hover = "ul.tab-50 a.hover {background-image: url({=fileref('picts/panel/tab_50_hover_right.gif')=})}"
	} # panel
	
	reports = {
		# body_reports = "body.reports {background-image: url({=fileref('picts/reports_menu/reports_menu_bg.gif')=})}"
		div_session_paths_li = "div.session-paths li {background-image: url({=fileref('picts/session_paths/vertical_line.gif')=})}"
	} # reports

	# reports_menu = {
        # KHP 11/June/2010 - reports menu backgrounds have been replaced with CSS gradient
		# div_reports_menu_switch = "div.reports-menu-switch {background-image: url({=fileref('picts/reports_menu/header_gradient.gif')=})}"
		# div_reports_menu_switch_closed = "div.reports-menu-switch-closed {background-image: url({=fileref('picts/reports_menu/header_gradient.gif')=})}"
		# div_reports_menu_bg = "div.reports-menu-bg {background-image: url({=fileref('picts/reports_menu/gradient.png')=})}"
	# } # reports_menu

} # css_style_map