/*
    "Clearlooks" LXQt theme - port to LXQt of classic GTK
    theme; for LXQt 2.x and above.

    By Azuma Hazuki (wandering hazuki at gee mail dot calm)
*/

/* Panel */
LXQtPanel, LXQtPanel #BackgroundWidget {
    color: #1a1a1a;
    background: #edeceb;
}

/* Panel borders */
LXQtPanel[position="Top"] #BackgroundWidget { border-bottom: 1px solid #a9a5a2; }
LXQtPanel[position="Bottom"] #BackgroundWidget { border-top: 1px solid #ffffff; }
LXQtPanel[position="Left"] #BackgroundWidget { border-left: 1px solid #a9a5a2; }
LXQtPanel[position="Right"] #BackgroundWidget { border-right: 1px solid #a9a5a2; }

/* Catch-all settings for panel plugins and their subwidgets
    not otherwise styled in this theme:
    #ColorPicker
    #Custom and #CustomButton
    #DirectoryMenu
    #Dom
    #LXQtMount
    #NetworkMonitor
    #Sensors
*/
Plugin, Plugin > QToolButton, Plugin > QWidget > QToolButton,
Plugin > QWidget > QToolButton > QWidget > QToolButton {
    color: #000000;
    background: transparent;
    margin: 0px;
    padding: 0px;
    /* prevents unexpected borders/boxes on hover */
    border: 0px solid transparent;
}

/* Tooltips */
QToolTip {
    color: #000000;
    background: #f5f5b5;
    border: 1px solid #baba45;
    padding: 1px;
}

/* Start Menus */
#MainMenu,
#FancyMenu {
    color: #1a1a1a;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 3px;
    margin: 1px;
    qproperty-icon: url(assets/menus/mainmenu.svg);
}

#MainMenu:hover,
#FancyMenu:hover {
    color: #1a1a1a;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #ffffff, stop:0.49 #ffffff, stop:0.5 #fafaf9, stop:1 #edeceb);
    border: 1px solid #928f8d;
}

#MainMenu:pressed,
#FancyMenu:pressed {
    color: #1a1a1a;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #ccc9c7, stop:0.12 #d5d3d2, stop:0.13 #d8d6d4, stop:0.49 #cfcdcb, stop:0.5 #cbc8c6, stop:1 #c0bdba);
    border: 1px solid #888582;
}

/* Launchers */
#QuickLaunchPlaceHolder {
    color: #1a1a1a;
    background: transparent;
    padding: 2px;
    margin: 2px;
}

#QuickLaunch QToolButton {
    color: #1a1a1a;
    background: transparent;
    border: 3px solid transparent;
    border-radius: 3px;
    margin: 0px 0px 1px 0px;
}

#QuickLaunch QToolButton:hover {
    color: #1a1a1a;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #ffffff, stop:0.49 #ffffff, stop:0.5 #fafaf9, stop:1 #edeceb);
    border: 1px solid #928f8d;
}

#QuickLaunch QToolButton:pressed {
    color: #1a1a1a;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #ccc9c7, stop:0.12 #d5d3d2, stop:0.13 #d8d6d4, stop:0.49 #cfcdcb, stop:0.5 #cbc8c6, stop:1 #c0bdba);
    border: 1px solid #888582;
}

/* Taskbar and Desktop Switcher */
#TaskBar QToolButton,
#DesktopSwitch QToolButton {
    color: #1a1a1a;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #ffffff, stop:0.49 #fbfbfa, stop:0.5 #f5f5f4, stop:1 #e8e7e6);
    border: 1px solid #918e8c;
    border-radius: 3px;
    margin: 1px 1px 1px 0px;
    padding: 3px;
}

#TaskBar QToolButton:hover,
#DesktopSwitch QToolButton:hover {
    color: #1a1a1a;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #ffffff, stop:0.49 #ffffff, stop:0.5 #fafaf9, stop:1 #edeceb);
    border: 1px solid #928f8d;
}

#TaskBar QToolButton:on,
#TaskBar QToolButton:pressed,
#DesktopSwitch QToolButton:on,
#DesktopSwitch QToolButton:pressed {
    color: #1a1a1a;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #ccc9c7, stop:0.12 #d5d3d2, stop:0.13 #d8d6d4, stop:0.49 #cfcdcb, stop:0.5 #cbc8c6, stop:1 #c0bdba);
    border: 1px solid #888582;
}

#TaskBar QToolButton:on:hover,
#DesktopSwitch QToolButton:on:hover {
    color: #1a1a1a;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #f4f3f3, stop:0.12 #fcfcfc, stop:0.13 #ffffff, stop:0.49 #ffffff, stop:0.5 #fafaf9, stop:1 #edeceb);
    border: 1px solid #928f8d;
}

#TaskBar QToolButton[urgent="true"],
#DesktopSwitch QToolButton[urgent="true"] {
    color: #ffffff;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #afc9ea, stop:0.05 #97b8e2, stop:0.49 #8bafdc, stop:0.50 #86abd9, stop:1 #79a1d1);
    border-image: none;
    border: 1px solid #4d367f;
    border-radius: 3px;
}

#ShowDesktop {
    padding: 2px;
}

/* Menu theming */
QMenu {
    color: #000000;
    background: #ffffff;
    border: 1px solid #aaaaaa;
    min-width: 120px;
    margin: 0px;
    padding: 0px;
}

QMenu::item {
    color: #000000;
    background: transparent;
    border: 1px solid transparent;
    border-image: none;
    min-width: 120px;
    min-height: 22px;
    margin: 0px;
    padding: 0px 5px 0px 3px;
}

QMenu::separator {
    color: #aaaaaa;
    background: #aaaaaa;
    height: 1px;
}

QMenu::item:hover,
QMenu::item:selected {
    color: #ffffff;
    border-image: url(assets/menus/menuitem.png);
}

QMenu::item:disabled {
    color: #a0a0a0;
}

QMenu::icon {
    margin-left: 5px;
}

QMenu::indicator {
    margin-left: 4px;
}

QMenu::indicator::non-exclusive:checked { image: url(assets/boxes/checked.png); }
QMenu::indicator::non-exclusive:unchecked { image: url(assets/boxes/unchecked.png); }
QMenu::indicator::non-exclusive:checked:selected { image: url(assets/boxes/checked-selected.png); }
QMenu::indicator::non-exclusive:unchecked:selected { image: url(assets/boxes/unchecked-selected.png); }

QMenu::left-arrow {image: url(assets/arrows/arrow-left.svg);}
QMenu::right-arrow {image: url(assets/arrows/arrow-right.svg);}
QMenu::left-arrow:selected {image: url(assets/arrows/arrow-left-selected.svg);}
QMenu::right-arrow:selected {image: url(assets/arrows/arrow-right-selected.svg);}

QMenu QToolButton {
    color: #ffffff;
    background: transparent;
    border: 1px solid transparent;
    border-image: url(assets/menus/menuitem.png);
    margin: 0px;
    padding 3px;
}

QMenu QLineEdit {
    color: #000000;
    background: #ffffff;
    selection-color: #ffffff;
    selection-background-color: #86abd9;
    border: 1px inset #73706d;
    border-radius: 3px;
    margin: 2px;
    padding: 2px;
}

/* Main menu's filter mode ("ActionView") */
#MainMenu ActionView {
    color: #000000;
    background: #ffffff;
    border: 1px solid #a4a09d;
    margin: 2px;
}
#MainMenu ActionView::item {
    color: #000000;
    background: transparent;
    border: 1px solid transparent;
    min-width: 120px;
    min-height: 22px;
}

#MainMenu ActionView::item:hover,
#MainMenu ActionView::item:selected {
    color: #ffffff;
    border-image: url(assets/menus/menuitem.png);
}

#MainMenu ActionView::item:disabled {
    color: #a0a0a0;
}

/* New (LXQt 2.0 and up) "Fancy Menu" application menu */
LXQtFancyMenuWindow {
    color: #000000;
    background: #edeceb;
    border: 1px solid #aaaaaa;
}

#FancyMenu #AppView {
    color: #000000;
    background: #ffffff;
    border: 1px solid #a4a09d;
    icon-size: 16px;
}

#FancyMenu #AppView::item {
    color: #000000;
    background: transparent;
    border: 1px solid transparent;
    min-height: 22px;
}

#FancyMenu #AppView::item:hover,
#FancyMenu #AppView::item:selected {
    color: #ffffff;
    border-image: url(assets/menus/menuitem.png);
}

#FancyMenu #CategoryView {
    color: #000000;
    background: transparent;
    icon-size: 24px;
}

#FancyMenu #CategoryView::item {
    color: #1a1a1a;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 2px;
}

#FancyMenu #CategoryView::item:hover,
#FancyMenu #CategoryView::item:selected {
    color: #1a1a1a;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #ffffff, stop:0.49 #ffffff, stop:0.5 #fafaf9, stop:1 #edeceb);
    border: 1px solid #928f8d;
}

#FancyMenu QLineEdit {
    color: #000000;
    background: #ffffff;
    selection-color: #ffffff;
    selection-background-color: #86abd9;
    border: 1px inset #73706d;
    border-radius: 3px;
    padding: 2px;
}

#FancyMenu QToolButton {
    color: #1a1a1a;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #ffffff, stop:0.49 #fbfbfa, stop:0.5 #f5f5f4, stop:1 #e8e7e6);
    border: 1px solid #918e8c;
    border-radius: 3px;
    padding: 3px;
    qproperty-iconSize: 24px;
}

#FancyMenu QToolButton:hover {
    color: #1a1a1a;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #ffffff, stop:0.49 #ffffff, stop:0.5 #fafaf9, stop:1 #edeceb);
    border: 1px solid #928f8d;
}

#FancyMenu QToolButton:pressed {
    color: #1a1a1a;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #ccc9c7, stop:0.12 #d5d3d2, stop:0.13 #d8d6d4, stop:0.49 #cfcdcb, stop:0.5 #cbc8c6, stop:1 #c0bdba);
    border: 1px solid #888582;
}

#FancyMenu QListView::focus {
    outline: transparent;
}

#FancyMenu QAbstractScrollArea::corner {
    color: transparent;
    background: transparent;
    border: none;
    outline: none;
}

/* Sliders */
#Backlight QSlider {
    color: #000000;
    background: transparent;
    min-width: 24px;
    min-height: 120px;
    margin: 4px 0px;
}

VolumePopup QSlider {
    color: #000000;
    background: transparent;
    min-height: 24px;
    margin: 4px 0px;
}

#Backlight QSlider::handle {
    color: transparent;
    background: transparent;
    border: 3px solid transparent;
    border-image: url(assets/scrollbars/slider.png);
    height: 17px;
    margin: -6px;
}

VolumePopup QSlider::handle {
    color: transparent;
    background: transparent;
    border: 3px solid transparent;
    border-image: url(assets/scrollbars/slider-v.png);
    width: 17px;
    margin: -6px;
}

#Backlight QSlider::handle:hover,
#Backlight QSlider::handle:pressed {
    border-image: url(assets/scrollbars/slider-active.png);
}

#Backlight QSlider::groove {
    border: 2px solid transparent;
    border-image: url(assets/scrollbars/groove.png);
    width: 3px;
}

#Backlight QSlider::sub-page {
    border: 2px solid transparent;
    border-image: url(assets/scrollbars/subpage.png);
    width: 3px;
}

VolumePopup QSlider::add-page {
    border: 2px solid transparent;
    border-image: url(assets/scrollbars/subpage.png);
    width: 3px;
}

/* Scrollbars */
QScrollBar:vertical {
    color: transparent;
    background: transparent;
    background-image: url(assets/scrollbars/scrollbar-v.png);
    background-repeat: repeat-y;
    background-position: center;
    background-attachment: fixed;
    width: 15px;
    padding: 15px 0px;
}

QScrollBar::handle:vertical {
    background: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 #a2c0e6, stop:0.49 #98b9e2, stop:0.50 #90b3de, stop:1 #84aad8);
    background-image: url(assets/scrollbars/grip-v.png);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    border: 2px solid transparent;
    border-image: url(assets/scrollbars/handle-v.png) 2;
    width: 15px;
    min-height: 24px;
}

QScrollBar::handle:hover:vertical,
QScrollBar::handle:pressed:vertical {
    background: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 #adc9eb, stop:0.49 #a2c1e7, stop:0.50 #9abbe3, stop:1 #8db1dd);
    background-image: url(assets/scrollbars/grip-v.png);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    border-image: url(assets/scrollbars/handle-v-active.png) 2;
}

QScrollBar::add-line:vertical {
    border-image: url(assets/scrollbars/arrow-down.png);
}

QScrollBar::add-line:vertical:hover {
    border-image: url(assets/scrollbars/arrow-down-hover.png);
}

QScrollBar::add-line:vertical:pressed {
    border-image: url(assets/scrollbars/arrow-down-pressed.png);
}

QScrollBar::sub-line:vertical {
    border-image: url(assets/scrollbars/arrow-up.png);
}

QScrollBar::sub-line:vertical:hover {
    border-image: url(assets/scrollbars/arrow-up-hover.png);
}

QScrollBar::sub-line:vertical:pressed {
    border-image: url(assets/scrollbars/arrow-up-pressed.png);
}

QScrollBar:horizontal {
    color: transparent;
    background: transparent;
    background-image: url(assets/scrollbars/scrollbar-h.png);
    background-repeat: repeat-x;
    background-position: center;
    background-attachment: fixed;
    height: 15px;
    padding: 0px 15px;
}

QScrollBar::handle:horizontal {
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #a2c0e6, stop:0.49 #98b9e2, stop:0.50 #90b3de, stop:1 #84aad8);
    background-image: url(assets/scrollbars/grip-h.png);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    border: 2px solid transparent;
    border-image: url(assets/scrollbars/handle-h.png) 2;
    height: 15px;
    min-width: 24px;
}

QScrollBar::handle:hover:horizontal,
QScrollBar::handle:pressed:horizontal {
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #adc9eb, stop:0.49 #a2c1e7, stop:0.50 #9abbe3, stop:1 #8db1dd);
    background-image: url(assets/scrollbars/grip-h.png);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    border-image: url(assets/scrollbars/handle-h-active.png) 2;
}

QScrollBar::add-line:horizontal {
    border-image: url(assets/scrollbars/arrow-right.png);
}

QScrollBar::add-line:horizontal:hover {
    border-image: url(assets/scrollbars/arrow-right-hover.png);
}

QScrollBar::add-line:horizontal:pressed {
    border-image: url(assets/scrollbars/arrow-right-pressed.png);
}

QScrollBar::sub-line:horizontal {
    border-image: url(assets/scrollbars/arrow-left.png);
}

QScrollBar::sub-line:horizontal:hover {
    border-image: url(assets/scrollbars/arrow-left-hover.png);
}

QScrollBar::sub-line:horizontal:pressed {
    border-image: url(assets/scrollbars/arrow-left-pressed.png);
}

/* Spinboxes and arrows */
LXQtPanel QSpinBox {
    color: #000000;
    background: #ffffff;
    selection-color: #ffffff;
    selection-background-color: #86abd9;
    border: 1px inset #73706d;
    border-right: none;
    border-radius: 3px;
    margin: 2px 0px;
}

LXQtPanel QSpinBox::up-arrow {
    background-image: url(assets/buttons/arrow-up.png);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

LXQtPanel QSpinBox::up-button {
    border: 2px solid transparent;
    border-image: url(assets/buttons/spin-up.png);
    subcontrol-origin: border;
    subcontrol-position: top right;
    margin: 1px 0px -1px 0px;
}

LXQtPanel QSpinBox::down-arrow {
    background-image: url(assets/buttons/arrow-down.png);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

LXQtPanel QSpinBox::down-button {
    border: 2px solid transparent;
    border-image: url(assets/buttons/spin-down.png);
    subcontrol-origin: border;
    subcontrol-position: bottom right;
    margin: 0px 0px 1px 0px;
}

LXQtPanel QSpinBox::up-arrow:pressed {
    background-image: url(assets/buttons/arrow-up-active.png);
}

LXQtPanel QSpinBox::up-button:pressed {
    border-image: url(assets/buttons/spin-up-active.png);
}

LXQtPanel QSpinBox::down-arrow:pressed {
    background-image: url(assets/buttons/arrow-down-active.png);
}

LXQtPanel QSpinBox::down-button:pressed {
    border-image: url(assets/buttons/spin-down-active.png);
}

/* Volume and Backlight controls */
#Volume,
#Backlight {
    margin: 2px 0px;
}

#Backlight > SliderDialog {
    color: #000000;
    background: #edeceb;
    border: 1px solid #aaaaaa;
    padding: 4px;
    min-width: 32px;
    min-height: 140px;
}

VolumePopup, VolumePopup > QScrollArea {
    color: #000000;
    background: #edeceb;
    border: 1px solid #aaaaaa;
}

#Backlight > SliderDialog > QToolButton {
    color: #1a1a1a;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #ffffff, stop:0.49 #fbfbfa, stop:0.5 #f5f5f4, stop:1 #e8e7e6);
    border: 1px solid #918e8c;
    border-radius: 3px;
    margin: 4px;
    padding: 3px;
}

VolumePopup QPushButton {
    color: #1a1a1a;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #ffffff, stop:0.49 #fbfbfa, stop:0.5 #f5f5f4, stop:1 #e8e7e6);
    border: 1px solid #918e8c;
    border-radius: 3px;
    margin: 2px;
    padding: 2px;
}

VolumePopup QPushButton:hover, VolumePopup QPushButton:on,
#Backlight > SliderDialog > QToolButton:hover {
    color: #1a1a1a;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #ffffff, stop:0.49 #ffffff, stop:0.5 #fafaf9, stop:1 #edeceb);
    border: 1px solid #000;
}

VolumePopup QPushButton:pressed,
#Backlight > SliderDialog > QToolButton:pressed {
    color: #1a1a1a;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #ccc9c7, stop:0.12 #d5d3d2, stop:0.13 #d8d6d4, stop:0.49 #cfcdcb, stop:0.5 #cbc8c6, stop:1 #c0bdba);
    border: 1px solid #888582;
}

/* Calendar */
QCalendarWidget QAbstractItemView {
    color: #000000;
    background: #ffffff;
    alternate-background-color: #edeceb;
}

QCalendarWidget QAbstractItemView:enabled {
    selection-color: #ffffff;
    selection-background-color: #86abd9;
}

QCalendarWidget QAbstractItemView:disabled {
    color: #a0a0a0;
}

QCalendarWidget #qt_calendar_navigationbar {
    color: #000000;
    background: #edeceb;
}

QCalendarWidget QToolButton {
    color: #1a1a1a;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 3px;
    margin: 2px;
    padding: 2px;
}

QCalendarWidget QToolButton:hover {
    color: #1a1a1a;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #ffffff, stop:0.49 #ffffff, stop:0.5 #fafaf9, stop:1 #edeceb);
    border: 1px solid #928f8d;
}

QCalendarWidget QToolButton:pressed {
    color: #1a1a1a;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #ccc9c7, stop:0.12 #d5d3d2, stop:0.13 #d8d6d4, stop:0.49 #cfcdcb, stop:0.5 #cbc8c6, stop:1 #c0bdba);
    border: 1px solid #888582;
}

QCalendarWidget QToolButton::menu-indicator {
    image: none;
}

QCalendarWidget #qt_calendar_prevmonth {
    qproperty-icon: url(assets/arrows/arrow-left.svg);
    qproperty-iconSize: 16px;
}

QCalendarWidget #qt_calendar_nextmonth {
    qproperty-icon: url(assets/arrows/arrow-right.svg);
    qproperty-iconSize: 16px;
}

/* Keyboard state indicators */
#KbIndicator > QLabel, #KbIndicator > QToolButton {padding: 2px;}

#KbIndicator #LayoutLabel {background: transparent;}

#KbIndicator #CapsLockLabel {color: #a0a0a0; font: normal;}
#KbIndicator #CapsLockLabel:enabled {color: #1a1a1a; font: bold;}
#KbIndicator #CapsLockLabel:!enabled {color: #1a1a1a; font: normal;}
#KbIndicator #CapsLockLabel:disabled {color: #a0a0a0; font: normal;}

#KbIndicator #NumLockLabel {color: #a0a0a0; font: normal;}
#KbIndicator #NumLockLabel:enabled {color: #1a1a1a; font: bold;}
#KbIndicator #NumLockLabel:!enabled {color: #1a1a1a; font: normal;}
#KbIndicator #NumLockLabel:disabled {color: #a0a0a0; font: normal;}

#KbIndicator #ScrollLockLabel {color: #a0a0a0; font: normal;}
#KbIndicator #ScrollLockLabel:enabled {color: #1a1a1a; font: bold;}
#KbIndicator #ScrollLockLabel:!enabled {color: #1a1a1a; font: normal;}
#KbIndicator #ScrollLockLabel:disabled {color: #a0a0a0; font: normal;}

/* Clock and Systray */
#WorldClock {
    margin: 1px;
}

#WorldClock:hover {
    color: #1a1a1a;
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #ffffff, stop:0.49 #ffffff, stop:0.5 #fafaf9, stop:1 #edeceb);
    border: 1px solid #928f8d;
    border-radius: 3px;
}

#WorldClockContent {
    color: #1a1a1a;
    padding: 0px 6px;
}

/* System Monitors and Graphs */
#LXQtCpuLoad {
    qproperty-fontColor: #1a1a1a;
}

#SysStat_Graph {
    /* CPU */
    qproperty-gridColor: #aaaaaa;
    qproperty-titleColor: #1a1a1a;
    qproperty-cpuSystemColor: #86abd9;
    qproperty-cpuUserColor: #729fcf;
    qproperty-cpuNiceColor: #4464ac;
    qproperty-cpuOtherColor: #000080;
    qproperty-frequencyColor: #1a1a1a;

    /* RAM */
    qproperty-memAppsColor: #86abd9;
    qproperty-memBuffersColor: #729fcf;
    qproperty-memCachedColor: #4464ac;

    /* Swap */
    qproperty-swapUsedColor: #000080;

    /* Networking */
    qproperty-netReceivedColor: #86abd9;
    qproperty-netTransmittedColor: #4464ac;
}

/* Line/Dot Spacers */
#Spacer {
    background-position: center;
}

#Spacer[type="lined"] {
    background-image: url(/assets/panel/line-spacer.png);
}

#Spacer[type="dotted"] {
    background-image: url(/assets/panel/dot-spacer.png);
}

#Spacer[orientation="horizontal"] {
    background-repeat: repeat-y;
    margin: 7px 1px;
}

#Spacer[orientation="vertical"] {
    background-repeat: repeat-x;
    margin: 1px 7px;
}
