@import url(../mathml.css);

palettes {
    display: block;
    collapsible: yes;
}

palettes:before {
    display: block;
    content: paragraph(content(collapser(), " ", 
                               url(../icons/mathmlPane.png), " MathML"),
                       font-weight, bold,
                       text-align, center);
}

palette {
    display: block;
    collapsible: yes;
    margin: 1.33ex 0;
}

palette:before {
    display: block;
    content: division(content(paragraph(content(collapser(), " ", 
                                        image(attr(icon))),
                                        text-align, center),
                              paragraph(text-field(attribute, label,
                                                   columns, 20,
                                                   font-weight, bold,
                                                   color, #000080), 
                                        text-align, center)));
    border: 1 solid #000080;
    padding: 5px;
    margin: 1.33ex 0;
}

section {
    display: block;
    collapsible: yes;
    margin: 1.33ex 0;
}

section:before {
    display: block;
    content: collapser() " " text-field(attribute, title, 
                                        columns, 40, 
                                        font-weight, bold);
    margin: 1.33ex 0;
    padding: 5px;
    background-color: #E0E0FF;
    border: 1 solid #C0C0FF;
}

tool {
    display: block;
    margin: 1.33ex 0;
    padding: 5px;
    border: 1 solid #A0A0A0;
}

tool[toolTip]:after {
    display: inline;
    content: paragraph(content("Tool tip: ", 
                               text-field(attribute, "toolTip",
                                          columns, 50)),
                       text-align, center,
                       margin-top, 1.33ex);
}
