// Copyright (C) 2011 Orbeon, Inc.
//
// This program is free software; you can redistribute it and/or modify it under the terms of the
// GNU Lesser General Public License as published by the Free Software Foundation; either version
// 2.1 of the License, or (at your option) any later version.
//
// This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
// without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
// See the GNU Lesser General Public License for more details.
//
// The full text of the license is available at http://www.gnu.org/copyleft/lesser.html

.xbl-fr-xforms-inspector {

    .fr-xforms-inspector {
        display: block; clear: both;                                                                // Be tolerant of different surroundings
        border: 2px solid #aaa;
        padding: .5em 1em;
        background: url("gradient.gif")  repeat-x scroll center top #F8F8F8;                        // Background with gradient
        margin: 1em 1em;                                                                            // Add margin, on the sides especially for Form Runner
        font-size: 12px;                                                                            // Use px size to be more predictable depending on where the Inspector is used*/
        font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;      // Orbeon font
        color: #333;                                                                                // Orbeon color
    }

    .fr-xforms-inspector-title { font-size: 167%; padding: .5em 0 1em 0; }                           // Use larger font for title with padding
    .fr-xforms-inspector-disabled-function {
        color: #ccc;                                                                                // Grey out part of the UI that are disabled
        .xforms-label { color: #ccc }                                                               // Label is light gray when disabled
    }
    .xforms-label { display: inline-block; width: 5em;                                              // Align labels
                                font-weight: bold; color: #333 }                                    // Styling to distinguish labels
    .fr-xforms-inspector-instance { padding-left: 2em }                                             // Space between model and instance
    .fr-xforms-inspector-block { padding: .5em 0 }                                                  // Space before/after different sections of the form
    .xforms-input input { width: 20em }                                                             // Wider input fields
    .fr-xforms-inspector-source { padding: 1em 0 0 0 }                                              // Space before the view area
    .fr-xforms-inspector-mode { background-color: #F8F8F8; padding: .5em 0 }                        // Better integrate formatting with editor
}
