﻿/*

    Styling for the preloaded panel. See include/Panel.js for the javascript, xslt/HtmlTransformer.xslt for the generated HTML.

*/

.ui-preloadedPanel { width: 100%; }
.ui-preloadedPanel .ui-preloadedPanel-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-preloadedPanel .ui-preloadedPanel-header-active { border-width: 1px 0 0 0 !important; }
.ui-preloadedPanel .ui-preloadedPanel-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-preloadedPanel-icons .ui-preloadedPanel-header a { padding-left: 37px; }
.ui-preloadedPanel .ui-preloadedPanel-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-preloadedPanel .ui-preloadedPanel-content { padding: 0.5em; border: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-preloadedPanel .ui-preloadedPanel-content-active { display: block; }