michael@0: gridlikebox {
michael@0:   margin: 2px 4px;
michael@0:   background-color: -moz-Field;
michael@0:   color: -moz-FieldText;
michael@0:   -moz-binding: url('374719-1-xbl.xml#gridlike');
michael@0:   -moz-user-focus: normal;
michael@0:   -moz-appearance: listbox;
michael@0: }
michael@0: 
michael@0: gridlikehead {
michael@0:   -moz-binding: url("374719-1-xbl.xml#gridlikehead");
michael@0: }
michael@0: 
michael@0: gridlikebox > scrollbox > box {
michael@0:   display: -moz-grid;
michael@0: }
michael@0: 
michael@0: gridlikecols, gridlikehead, gridlikerows, gridlikeboxbody {
michael@0:   display: -moz-grid-group;
michael@0: }
michael@0: 
michael@0: gridlikecol, gridlikeitem, gridlikeheaditem {
michael@0:   display: -moz-grid-line;
michael@0: }
michael@0: 
michael@0: gridlikehead {
michael@0:   -moz-box-orient: vertical;
michael@0: }
michael@0: 
michael@0: gridlikerows {
michael@0:   -moz-box-orient: vertical;
michael@0:   -moz-box-flex: 1;
michael@0: }
michael@0: 
michael@0: gridlikeboxbody {
michael@0:   -moz-box-orient: vertical;
michael@0:   -moz-box-flex: 1;
michael@0: }
michael@0: 
michael@0: gridlikecol {
michael@0:   -moz-box-orient: vertical;
michael@0:   min-width: 16px;
michael@0: }
michael@0: 
michael@0: gridlikeheader {
michael@0:   -moz-binding: url("chrome://global/content/bindings/listbox.xml#listheader");
michael@0:   -moz-box-ordinal-group: 2147483646;
michael@0: }
michael@0: 
michael@0: gridlikeheader {
michael@0:   -moz-appearance: treeheadercell;
michael@0:   -moz-box-align: center;
michael@0:   border: 2px solid;
michael@0:   -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
michael@0:   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
michael@0:   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
michael@0:   -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
michael@0:   background-color: -moz-Dialog;
michael@0:   color: -moz-DialogText;
michael@0:   padding: 0 4px;
michael@0: }