+panel[type="arrow"] {
+ background: transparent;
+ border: none;
+ -moz-transition: opacity 300ms;
+}
+
+panel[type="arrow"][side="top"],
+panel[type="arrow"][side="bottom"] {
+ margin-left: -25px;
+ margin-right: -25px;
+}
+
+panel[type="arrow"][side="left"],
+panel[type="arrow"][side="right"] {
+ margin-top: -25px;
+ margin-bottom: -25px;
+}
+
+.panel-arrowcontent {
+ border: 1px outset #CCD0DD;
+ background-color: #CCD0DD;
+ padding: 6px;
+ margin: 3px;
+}
+
+.panel-arrow[side="top"] {
+ list-style-image: url("chrome://global/skin/arrow/panelarrow-up.png");
+ margin-left: 5px;
+ margin-right: 5px;
+ margin-bottom: -8px;
+ margin-top: -6px;
+}
+
+.panel-arrow[side="bottom"] {
+ list-style-image: url("chrome://global/skin/arrow/panelarrow-down.png");
+ margin-left: 5px;
+ margin-right: 5px;
+ margin-top: -8px;
+ margin-bottom: -6px;
+}
+
+.panel-arrow[side="left"] {
+ list-style-image: url("chrome://global/skin/arrow/panelarrow-horiz.png");
+ margin-top: 5px;
+ margin-bottom: 5px;
+ margin-right: -8px;
+ margin-left: -6px;
+}
+
+.panel-arrow[side="right"] {
+ list-style-image: url("chrome://global/skin/arrow/panelarrow-horiz.png");
+ -moz-transform: scaleX(-1);
+ margin-top: 5px;
+ margin-bottom: 5px;
+ margin-left: -8px;
+ margin-right: -6px;
+}
+