comt: src/cm/media/js/lib/yui/yui_3.10.3/docs/panel/dialog.html@a84519031134


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Example: Creating a Reusable Dialog</title>
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic">
    <link rel="stylesheet" href="../../build/cssgrids/cssgrids-min.css">
    <link rel="stylesheet" href="../assets/css/main.css">
    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
    <script src="../../build/yui/yui-min.js"></script>
    
</head>
<body>
<!--
<a href="https://github.com/yui/yui3"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
-->
<div id="doc">
    <div id="hd">
        <h1><img src="http://yuilibrary.com/img/yui-logo.png"></h1>
    </div>
    

            <h1>Example: Creating a Reusable Dialog</h1>
    <div class="yui3-g">
        <div class="yui3-u-3-4">
            <div id="main">
                <div class="content"><div class="intro">
    <p>
    This example demonstrates how to create a reusable dialog for messages and confirmations.
    </p>
</div>

<div class="example yui3-skin-sam">
    <style>
    #test-controls #radios {
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
}
#test-controls #code, #code-function{
    margin-bottom: 1em;
    font-family: courier new;
    font-size: 70%;
}
#test-controls textarea{
    margin-bottom: 1em;
    width: 49em;
    height: 3em;
}

#test-controls .btn-show{
    /*margin-bottom: 5em;*/
}
#test-controls ul{
    margin: 0;
}

    .yui3-skin-sam .yui3-panel .yui3-button{
    margin: 0.3em 0.6em;
}
.yui3-skin-sam .yui3-panel .yui3-panel-content .yui3-widget-bd{
    text-align: center;
    padding: 1.5em 0 1.8em;
}
.yui3-skin-sam .yui3-panel .yui3-panel-content .yui3-widget-ft{
    border-radius: 0 0 3px 3px;
    background-color: #F5F4F1;
    border-top: solid 1px #EAE6DB;
}
.yui3-skin-sam .yui3-panel .yui3-panel-content {
    background: none repeat scroll 0 0 white;
    border: 1px solid #A9A9A9;
    box-shadow: 0 0 15px rgba(0,0,0,0.4);
    border-radius: 3px;
    text-align: center;
}

.yui3-panel .yui3-widget-bd .message{
    width: 70%;
    margin: 0 auto;
    text-align: left;
    padding: 11px 0 14px 50px;
} 
.yui3-panel .yui3-widget-bd .icon-none{
    background-image: none;
    padding-left: 0;    
    width: 82%;
    text-align: center;
} 
.yui3-panel .yui3-widget-bd .icon-bubble{
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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);
    *background-image: url(../assets/panel/images/icon_bubble_8bit.png);
} 
.yui3-panel .yui3-widget-bd .icon-error{
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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);
    *background-image: url(../assets/panel/images/icon_error_8bit.png);
}
.yui3-panel .yui3-widget-bd .icon-info{
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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);
    *background-image: url(../assets/panel/images/icon_information_8bit.png);
}
.yui3-panel .yui3-widget-bd .icon-question{
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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);
    *background-image: url(../assets/panel/images/icon_question_8bit.png);
}
.yui3-panel .yui3-widget-bd .icon-warn{
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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);
    *background-image: url(../assets/panel/images/icon_warn_8bit.png);
}
.yui3-panel .yui3-widget-bd .icon-success{
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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);
    *background-image: url(../assets/panel/images/icon_success_8bit.png);
}


    </style>
        <div id='test-controls'>
        <ul id="radios">
            Dialog type: 
            <li><input id="info" value="icon-info" name="dialog-types" type="radio"/> <label for="info">Information</label></li>
            <li><input id="warn" value="icon-warn" name="dialog-types" type="radio" checked="checked"/> <label for="warn">Warning</label></li>
            <li><input id="error" value="icon-error" name="dialog-types" type="radio"/> <label for="error">Error</label></li>
            <li><input id="question" value="icon-question" name="dialog-types" type="radio"/> <label for="question">Question</label></li>
            <li><input id="bubble" value="icon-bubble" name="dialog-types" type="radio"/> <label for="bubble">Bubble</label></li>
            <li><input id="success" value="icon-success" name="dialog-types" type="radio"/> <label for="success">Success</label></li>
            <li><input id="none" value="icon-none" name="dialog-types" type="radio"/> <label for="none">No icon</label></li>
        </ul>
        <div>Message Text:</div>
        <textarea>Are you sure you want to [take some action]?</textarea>
        <br>
        <button class='yui3-button btn-show'>Show Dialog</button>
    </div>

    <script>
    YUI().use("panel", "escape", function (Y) {  // loading escape only for security on this page

        var dialog = new Y.Panel({
        contentBox : Y.Node.create('<div id="dialog" />'),
        bodyContent: '<div class="message icon-warn">Are you sure you want to [take some action]?</div>',
        width      : 410,
        zIndex     : 6,
        centered   : true,
        modal      : false, // modal behavior
        render     : '.example',
        visible    : false, // make visible explicitly with .show()
        buttons    : {
            footer: [
                {
                    name  : 'cancel',
                    label : 'Cancel',
                    action: 'onCancel'
                },

                {
                    name     : 'proceed',
                    label    : 'OK',
                    action   : 'onOK'
                }
            ]
        }
    });

    dialog.onCancel = function (e) {
        e.preventDefault();
        this.hide();
        // the callback is not executed, and is
        // callback reference removed, so it won't persist
        this.callback = false;
    }

    dialog.onOK = function (e) {
        e.preventDefault();
        this.hide();
        // code that executes the user confirmed action goes here
        if(this.callback){
           this.callback();
        }
        // callback reference removed, so it won't persist
        this.callback = false;
    }

    
//////////////////////  Interactive Example JS ////////////////////////////////

    // action to do when the user clicks "OK" button.
    var doSomething = function(){ 
        Y.log('Something was done.');    
    };
    
    // handle a radio click: update the icon and the code snippet
    Y.all('#radios input').on('click', function(e){
        var iconClass = 'message ' + e.currentTarget.getAttribute('value');
        Y.one('#dialog .message').set('className', iconClass);
        dialog.callback = doSomething; // add a callback so when the user clicks "OK" button, something will get done
    });
    
    // handle the textarea keyup: put text in dialog, and update code snippet
    Y.one('#test-controls textarea').on('keyup', function(e){
        Y.one('#dialog .message').setHTML(Y.Escape.html(e.target.get('value')));
    });
    
    
    Y.one('.btn-show').on('click', function(){
        // if page is refreshed, radios stay selected, but message icon needs to by sync'ed.
        // this is for the example only.
        Y.all('#radios input').each(function (o, i) {
            if (o.get('checked') === true){
                Y.one('#dialog .message').set('className', 'message ' + o.getAttribute('value'));
            }
        });
        dialog.callback = doSomething; // if you want a callback, you must add it every time, because on-hide it's removed
        dialog.show();
    });
    
    // init with a callback
    dialog.callback = doSomething; // add a callback so when the user clicks "OK" button, something will get done

    });
    </script>
</div>

<h2>Creating a reusable dialog</h2>

<h3>The HTML</h3>

<p>
<strong>Note:</strong> be sure to add the <code>yui3-skin-sam</code> classname to the
page's <code>&lt;body&gt;</code> element or to a parent element of the widget in order to apply
the default CSS skin. See <a href="http://yuilibrary.com/yui/docs/tutorials/skins/">Understanding Skinning</a>.
</p>

<pre class="code prettyprint">&lt;body class=&quot;yui3-skin-sam&quot;&gt; &lt;!-- You need this skin class --&gt;

    &lt;!-- We&#x27;ll use this button to just represent some user initiated event --&gt;
    &lt;button class=&#x27;yui3-button btn-show&#x27;&gt;Show Dialog&lt;&#x2F;button&gt;
    
&lt;&#x2F;body&gt;</pre>

<h3>Setting Up The YUI Instance</h3>

<p>
The only module you need is the <code>panel</code> module. 
</p>

<pre class="code prettyprint">&lt;script&gt;
YUI().use(&#x27;panel&#x27;, function (Y) {
    &#x2F;&#x2F; We&#x27;ll write example code here
});
&lt;&#x2F;script&gt;</pre>


<h3>Instantiating the Panel</h3>

<p>The JavaScript to instantiate the panel is as follows:</p>

<pre class="code prettyprint">YUI().use(&quot;panel&quot;, function (Y) {  &#x2F;&#x2F; loading escape only for security on this page
    var dialog = new Y.Panel({
        contentBox : Y.Node.create(&#x27;&lt;div id=&quot;dialog&quot; &#x2F;&gt;&#x27;),
        bodyContent: &#x27;&lt;div class=&quot;message icon-warn&quot;&gt;Are you sure you want to [take some action]?&lt;&#x2F;div&gt;&#x27;,
        width      : 410,
        zIndex     : 6,
        centered   : true,
        modal      : false, &#x2F;&#x2F; modal behavior
        render     : &#x27;.example&#x27;,
        visible    : false, &#x2F;&#x2F; make visible explicitly with .show()
        buttons    : {
            footer: [
                {
                    name  : &#x27;cancel&#x27;,
                    label : &#x27;Cancel&#x27;,
                    action: &#x27;onCancel&#x27;
                },

                {
                    name     : &#x27;proceed&#x27;,
                    label    : &#x27;OK&#x27;,
                    action   : &#x27;onOK&#x27;
                }
            ]
        }
    });

    dialog.onCancel = function (e) {
        e.preventDefault();
        this.hide();
        &#x2F;&#x2F; the callback is not executed, and is
        &#x2F;&#x2F; callback reference removed, so it won&#x27;t persist
        this.callback = false;
    }

    dialog.onOK = function (e) {
        e.preventDefault();
        this.hide();
        &#x2F;&#x2F; code that executes the user confirmed action goes here
        if(this.callback){
           this.callback();
        }
        &#x2F;&#x2F; callback reference removed, so it won&#x27;t persist
        this.callback = false;
    }

});</pre>

<h3>Reuse the Dialog</h3>
Since it's common to want the user to give their confirmation before some action 
happens, this example passes a callback function to the dialog.
<pre class="code prettyprint">&#x2F;&#x2F; a function to do when the user clicks the &quot;OK&quot; button in the dialog.
var doSomething = function(){ 
    Y.log(&#x27;Something was done.&#x27;);   
};</pre>


Each time you want to show a dialog for a different purpose, you can reuse the same
dialog and just:
<ul>
<li>Set the message text.</li>
<li>Change the icon.</li>
<li>Assign a function to the "OK" button (optional).</li>
</ul>

In this example, there's a callback property on the dialog object.
If you want to, you can set its value with a reference to your own 
function so the dialog can trigger different actions each time it's shown.
This example removes the callback reference each time a dialog button is 
clicked to make sure it's not unintentionally persisted. 
If you use a callback, you'll need to add it every time the dialog is shown. 


<pre class="code prettyprint">Y.one(&#x27;.btn-show&#x27;).on(&#x27;click&#x27;, function(){
    &#x2F;&#x2F; set the content you want in the message
    Y.one(&#x27;#dialog .message&#x27;).setHTML(&#x27;Are you sure you want to [take some action]?&#x27;);
    
    &#x2F;&#x2F; set the icon (or none) that appears next to the message.
    &#x2F;&#x2F; the Class &#x27;message&#x27; also needs to be maintained.
    Y.one(&#x27;#dialog .message&#x27;).set(&#x27;className&#x27;, &#x27;message icon-bubble&#x27;);
    &#x2F;* classnames and images provided in the CSS are:
        .icon-bubble
        .icon-error
        .icon-info
        .icon-question
        .icon-warn
        .icon-success
        .icon-none
     *&#x2F;
                                             
    &#x2F;&#x2F; set the callback to reference a function
    dialog.callback = doSomething; 
    
    dialog.show();
});</pre>



<h3>The CSS</h3>

<pre class="code prettyprint">&lt;style&gt;
.yui3-skin-sam .yui3-panel .yui3-button{
    margin: 0.3em 0.6em;
}
.yui3-skin-sam .yui3-panel .yui3-panel-content .yui3-widget-bd{
    text-align: center;
    padding: 1.5em 0 1.8em;
}
.yui3-skin-sam .yui3-panel .yui3-panel-content .yui3-widget-ft{
    border-radius: 0 0 3px 3px;
    background-color: #F5F4F1;
    border-top: solid 1px #EAE6DB;
}
.yui3-skin-sam .yui3-panel .yui3-panel-content {
    background: none repeat scroll 0 0 white;
    border: 1px solid #A9A9A9;
    box-shadow: 0 0 15px rgba(0,0,0,0.4);
    border-radius: 3px;
    text-align: center;
}

.yui3-panel .yui3-widget-bd .message{
    width: 70%;
    margin: 0 auto;
    text-align: left;
    padding: 11px 0 14px 50px;
} 
.yui3-panel .yui3-widget-bd .icon-none{
    background-image: none;
    padding-left: 0;    
    width: 82%;
    text-align: center;
} 
.yui3-panel .yui3-widget-bd .icon-bubble{
    background-repeat: no-repeat;
    background-image: url(data:image&#x2F;png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAqCAYAAAD1T9h6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACRJJREFUeNrMWelPVFcUf7OC7LIoa1m1VrBUq5WKoZjUljZNDKbfTFwSv9j&#x2F;QBNNEyMuH&#x2F;lkDCoaP5liYkzqEnGXpsYqKlKtgDOlKahAGRyWmWFm+juv906Ol&#x2F;fe4JLYSX65M3feu+93lnvuOec5tXfzsRlAY2OUjSre6uN8B4QdgN1gtCkCECJA2GB8Y4FeVwA7I01wiTUIiUASMEfMy2s0QZIQAiaBCWAKmBYIsWukoO9UABvTLpFzAwmCbCYwX4wpYs4t1raL+yOCaFAI4AdGgGdipLmA+D&#x2F;ErBN9WwFs7DqnIE2aTgeKgGIinpCQkF5VVZWzatWqnOLi4ozs7Oy01NTUJMyTIFogEAi+fPlyYmhoaMzr9Y52dHS86OrqeoF5nxDAC&#x2F;QDPmGZALOOZiWIc5ZaTxTkM4AKoCwtLS1v6dKleevXr69YvXp1UXl5eT5IJ9jtdkuNRCIRDcIEent7&#x2F;75x40b&#x2F;qVOneu7evVs6NjY2gL&#x2F;7gB5gVAgxFc8atjjkXcy3PwA+drvdH6xbt65406ZN1SBemp6enkKkpqentWj0v2fIccaiNltsdDqdGgnr8&#x2F;n8EOTpsWPH7p0+fdobDAb&#x2F;xCX3gT&#x2F;ZXgmZCWEzIe8Q1pkj&#x2F;LoK+GTZsmVF27dv&#x2F;6yhoaEqJSUlgUgT3ioMQhCC3+8PnDt3rmvv3r237ty5Q+7UCXSJ&#x2F;TIp3CmsCuEwWNPBNJ8NrACqt27dWt3c3Px1bW3tQmjQGQqFdHcwDFXQLPw&#x2F;Ro4QDodNXYqU4HK5nEuWLMlfu3Zt0cTERBBCSA4+sbkjRqHWYRAmpebTgFpgMbS+HJppyMrKyoCJDV1EzjkcDg0EtB07dmhNTU1aa2ur5vF4tJUrVxJJU&#x2F;eieRIkMzMzBUKU43cQrhURXAaVMGu6H0jqVKAA+Bb4cdeuXT9DS9PQYHRyclIHCEbHx8d1YEPqwCaMwp+jiCzRlpaWGSfuyZMn9XvpOroeLqOD1iLItQn0LHomPZs4CC4FgpuLu75DsYZbSEyRpmbbtm2f7Nmzp4FuIs2TuTnIjaTmyEVojtwHm1GD9l7RTkVFhYaopV&#x2F;P16DfEvJDa2EdO9y1eHh42Hf79u2ocKVR4UqxDe1UNi6Fyizg07q6upKdO3fWwyXcU1NTsYfRSA&#x2F;gD5bz8lNSUqJHGu5WcD+KOBo2v&#x2F;6fCrqGRlIAgZ6ZmJjohhXqu7u7h69evUqbeUi40bQUwsF8n7SfTBEHMb4SPl+&#x2F;fPnyUphZk9GGQFqX2pYj1x59x2GmJScna1hH1zx8WluxYoWGA45IzRCcr8UtQ3PYE3Pmzp3rPHv27CDck4R4zk7rqPQll4j1ucBXOJw+P3LkyPc0j5te0bqM5WYxnv9+&#x2F;vw5ncI6aAPn5+drOEdMNzG&#x2F;l6xAVhHXh7Zs2fJTW1vbL&#x2F;h+QWxqOiNCPDkjIfJwY+bGjRs&#x2F;xiIubFJd4&#x2F;KQMiIvXYCHUBL42rVrGsyu3bx5UxeksLBQD62mxz5zJ6l92ncU0bCmizgRN+LIkkWbTLjswv9zFy9ePL+ysrKEyHO&#x2F;NiOvfidNDw4Oahs2bIjF&#x2F;tzcXK29vV0fjQ4+q9BKHIgLcq0S4oYcirzkibBALHFxiLifWV9fXwjfTeYHjxV5bgH5Xe4T+RkZGdH6+&#x2F;tjUYprW9W++ptAayFlSV6zZk2hyHrTZATlLkThM6msrCybJ2TxNG8lEHcrxP6YUOr60ueN&#x2F;pMj7QckjNms5oi5kI1FoQREigyrjJIvajZa7RUiQq6hPkPO8VFVQk5OToZwdbdUPj8H9Jwf4S9JJWVG3mgjmwkgSfDrzHzfaC&#x2F;Q9cSN1SY2y3ogHnkzf+UkVfISRmk3nzMSzEwxTlbx6BUQdvxEPM1YadvKhVThZmMFHr6JG6vUYqmELKIpZQ2g7BtVFzVyHSMhjDaiulFV&#x2F;6bIJAWRUUrOyd&#x2F;SKsSN1c56KiEFCMtuQV9f35B6KpppmBOV2jVzITVU8vvU73x9KQx9enp6hkT8n5SphJ21PcYoZF+6dOkvxO1xMy2aWWC2UUhaQd0z6hrqPcSJuIkmwJjgrIcimZ6SaQYfPXr07N69ex6es6jEzcDJWW1iK0H4KJ9HKUhnZ6cHWekzkQcFJG87cyHK8AZgspETJ07cRwIWolIwbsPIQJDXudYMUmhKTZAThY4fP36fuBFHno1yFwqJouHp5cuXvchdunnyZXXUG1nC7AwwchureeJw8eLFbsAr2i4+JkCscybDKLUwenDsDxw8ePDXgYGBETX9na2G4&#x2F;0XLxTLxJA4NDc33xJ9ox7W9IqqAkgrkJk6Ozo6vAcOHLiC7DGoupKV2Y1iu5qOxwvLkjw9GyXtlevXr3sw9RswLAQIqwLw&#x2F;mVYVD19ra2t9&#x2F;fv338B2WVQlnyzyeWpGsvLy9PzHpGE6XNGQhiRJ6tDaeF9+&#x2F;a1Hzp06IHoEXkE+RBv&#x2F;tqUlopLNLKyRWFfhSoq68yZM1tQ52bLXJ77Kq9l+fj48WMNEU1PramMXLBggbZw4ULdp2WdoaYPBLI2AsjU7t2726G8O&#x2F;j7D+CaCJ0TrB6e0Ru1s44yCVFWUFCQ09LS0kgpNpWFqqtYZa2yLiahSUjk84Z9IV74E&#x2F;ne3t5BaP46nktdud+Bu4I875POaC3aWa+fKp4v582bVwEXaqytrS0XZZ1OgLQp&#x2F;FOT3TkjC8QLrZI4kab&#x2F;keforcWmpqbXai3ydDoiGkdfwH8XHT58eF1dXV0paZ5aIUQYpeLww4cPh548eTKyaNGijJqamiLqpMlOgtmhZ+Tr0np+fLBJnx49evSNmrs8G6WWyjelpaXVCKHfUUsF5hxF&#x2F;vE3CvR+nIQvkEz58HuY2hupqanp1dXVuY2NjQuovQ43y4ebJEiNWn2okUvtdVq3ra2N2usDb9Net4k&#x2F;i+GHP2zevPkj+H7S+fPnvQ8ePBiCRvzQPh0eL4U5fcKk6aJDkEEvOCorK195wQFh9Bcc5CpBWsTv119weDwe&#x2F;QUH1n4nLzj420TqBNcAH4ob&#x2F;xGEx8XC40pzVZahVOblvK9XTDbl5Z1dEHKIhaLMQmEDARzsXcJ7ecmnCsDBY2TYoD&#x2F;&#x2F;v3rNGlEONaMX1DMiIRPuvb3o&#x2F;leAAQBZ83R+bygDEAAAAABJRU5ErkJggg==);
    *background-image: url(..&#x2F;assets&#x2F;panel&#x2F;images&#x2F;icon_bubble_8bit.png);
} 
.yui3-panel .yui3-widget-bd .icon-error{
    background-repeat: no-repeat;
    background-image: url(data:image&#x2F;png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAADPpJREFUeNrUWWlsXNUVPm+ZebN7xvZ4mdiTeI&#x2F;thMQBEsjOFlLooqqtqNqq&#x2F;U2BFlUqEBUqVf1R1N8g1BZKQjfoj0oVUotQIBE2SQohCY6dxU4cx8t4j2PP&#x2F;taec99945eR2QKViicnb517v&#x2F;Pd75x77h0BPv+fwE0su6Y&#x2F;ixv9mWXXN93Z5wFIJrlMLAPvgKSj4TLzZh0QPuO7DkgZzctBetCCaAE0H792A9bQCmg5tCy&#x2F;JtAqml4G&#x2F;gsD7DBJQBVufrRatARaDC30CYAzaItoKbQZtDxakZvuYv5zARZcjCqc1SjaGrQmtHqfR47etnZdoqO2Nh6PhGIRny+kyDI5A0Vdzy8XCpm55czixZmZuZNXR1MFTb+Oj6bQrqBNol3nbBddjFs3A1hwDbmPD3kSrUsSxWRnfV3igQ0bujeuSSQbYrEE3hPwH3ongCDYzVqWBfQxTDLTmlhcTJ2dTI39a2Bg8PzUdArvjeFr59DGuGQKLslYnwWwA9bLma1E24LW0p1IrP3Gplt6drW3doUVX1g3TTARGDBwH&#x2F;8noSOyJEG6WEz3Dg+f++eZ&#x2F;tODqdRVfHQZ7RTaNc60+lGgpU8AS6xWo+3ySFLnN7ds7vnpPXfv72lsbBdFUdF0HUwO2LLwaFo2q3i+mhHTummAVxKV9bV1DVub1q3TDcO8NDcnYhsR7GehTBafCrADlnRYhbYnFgx0PLxn9&#x2F;YfbNt6b8DjDRU1DTs3GEACTCCdowO83Cxz5RliBM0wIKB4A7evTbZVBgPChemZYkHTwtjfLGd41ewhrZINPBwsRf6uaMDf8ejePTv3d3Xt0A1dJFYNg0AYHKTBABiGfc0Mzw3n&#x2F;AYD+3vkIH4MnY262FFTm6wKBcWBVCqLQennWUR3ycJaDbDAs4GPp6htGDxdD+&#x2F;Ztf3+zk4CK2i6DcoN7gag7uuy+wwkScM0V+RjByPdE5qrqhqQceO9q2MZTty0a6JZFbAjBQLcjNZDwfXdW7fcreu6RGBXwNjAyHRVY2AMh1X+DknGYEfbGGA2OpxhR0rcEbwWWqurExiQ14dmZ3M83S2VS0MqCzRHCrd31NZ0PrJ75wOKJNmapY4YSJ0dkXE0bMcjg1oosIBiQAkUA2uUnCIZGJrOgAseD+jYHgtEg7NOAYltYVaUWqqq4udmZiYWsjmds+zMiDcAFnn6oqzQ7JPlTd+&#x2F;&#x2F;bZd3bW1bQVVRYAEbgUAgS1mslDZ1g49P&#x2F;wRzF8ZgeWZGdYm07O+MhI09DhCoOZz0LR7D3R+7eswfuo0qLksWEgTvWM5zuJ5SFECmNPNM5OpOXTwGme6pGfJJQcCTKllS2u8uvt7KAVsyatqOgNoAzUYq2qxCNF1TbDjsZ9AorMLKpqaYaL&#x2F;DCzPYoBjrnXkwQzZLOZy0LxzF2x&#x2F;+MdQi04qVVUwdvoU6NgOlwPPMDbwmlAoenZ6egxZJj1PuGdBB7ATbEl0euNDPZt2tldVteSKGpOA4WJXw048wSDcc+BpqFq3Doooh0hdHdSs74TxMwR6BpkT2fd0dJbAtu7dC3sf&#x2F;xl4Q2HUvAp1LS0gKD64fOwYGxX6mOaKNHyyRLFUPDU5RXXHHGeZzYBi2RRc75XlaGtlZTKvFrFDFTRkSMWjqtpGaS2bTsO5I28xBkWcudR8Hmrb2+G+Jw9AuH4NFJaXmWN0bNm9G+4isOikXiyAR1FgAUfixOE3YQm&#x2F;Z7erMSuSYX95&#x2F;G5zLJb0yCLVLfUcG2EUJFd2oGDr3Jyo33hXc&#x2F;MOVdcE0h4LLtQkO9ftwFELebhw4gRkcnlo37YNsIhgQx+tr4e67i6YQI0uT4xD1&#x2F;37Yd9TB8DHmfX4fLA8Pw+&#x2F;f+LnMHj0bQgrfvDgd53U58iC+gh6PeGx60tXpjOZGV7hUXVnSC79xtHatycbe1AOrSoCWAGss0BiEY&#x2F;nNANI2PDIBx9AFoNp&#x2F;Z3bmXYp+isQdE1HB&#x2F;giFbDrkcfAH44wsIrfD0tzc&#x2F;DSU0&#x2F;AUF8f1EejEMaMIbFpwcnPPC&#x2F;jEUEJs7nc9MWFhVEOOE2ykMuyhD&#x2F;iVWLEFg0R0y+PeLxgDVNyEfA&#x2F;L0ohqnjh&#x2F;UOHqD6DBx9&#x2F;nHlO8kh0b4C69V3IvMCkofhssC8is0N9vZBAsFGvgsUQX0WZdpukYSD9Y38UYehQjKdaxamxZdeSh3Ti8YlCWOOapXzLgJoWB2vx0tGeLWUczqhPgZOHDrJnX3n0UaZpcphkYqKzHmTx2nQKXj5wAIZ634FELAYxlAZVbsTkSr0osDYIvaXbdTxhcXA5OMWypY8omJaPAs1EAxp+zqyAjbGX6ZwmAHSC7mGQIgAvvPfHP8DpN&#x2F;4NkmwPGg0xgSY5vf7cc3D+rcOAdTNUooMeQeAs4QcxioSb2qejafcjUtsWy1yiywS5vFSjDkpg7Z5Zo6VFsMXkyoaQdUlywfS19cGvQsf2HfaoOG+T1tGBnd&#x2F;6NiwPDoIxPgZeUWJDL&#x2F;AWwFUoWE6BTiP5EdW16FrVMtN1rSA4enUxaTNrMc9Fi98jrWGebb9vH9z7zC8hhBMCBSWBlL1em2F0vmXLFvjOb56FOOZfA&#x2F;M2rk3QBG5WacEogsWMsW+x2rngxsZKO1f5RolZy6tamgWZA5QFhVny2okTem5iQHVg6robwSqhSCl1LU5NQ99rr9rRLtu1Rl1nJ9zzq19DZXMLmBiYtJSioHPA06hJtkhKLOc1Le3gcnBKrhqYSsqGxmCwsSUUarX48Jc8vmGnBMEWitC+fz&#x2F;s&#x2F;cUz4AuHwcCJxkt5FrPBnw48Cb0HX2Yj0XbHnSxQiekIpbyNG2Gmvx8KC&#x2F;PojIfplrXJ9eAAJofOXlscGFpaOseXUGy2k8qWRGtwWoxvjkVvESghWA5o1w4JUYHTZ9u+fbD3aWI2xGoCyrM0KbyCqevK8WPQGI3B7Nl+yOGzljvusEHjCETq6qEa094calpdXMSsIrq2iohpmyBKckcmp47P5PPDeDnMtwk0d&#x2F;FDmKqvF9Xo5lisKSxLEcuyOEhH8AKYyGRicw&#x2F;se&#x2F;a3oEQiDCxNt4xZAvtuHzSilmsCQQhh6UmVWSZfgKatW0F0zYix1jYYx3dNfCaKEotkgS1kBZbyZvP51D9Grx4zLIvAjjgrakfDBtfJlGaa10fT6TGplKCtUuphwYGaTKcmYRQLF3pOzKaR2T8&#x2F;9SS7t7a6GmrwnleWwIeO1ISCMPz3V+HoCy9gAyI658OaQYUPjx6BRaw1KG+z7QEWgKK9ssb3RhADYeF7GFp5eenIgiIxntV036ZotF0RRS9YK1JgJsmgLS3Dxd5e8CUS4I9F4S843V7pexfWIrNxfwAUBCty83o94MPJY+LD05DF0ajDafvN55+Hd156EUKYScLogFiShMUA53Uj89rlkSPXVPU83hzgW1xsYSq40hslaZpZ1ntF8a6Hkg3776yu2qYZJptiGcPoOWkRC2ysiXEmrIyBijXD7NAQJCJhiGNF5kEZiDR5MOZEe6hZftdgiWYwdHJ0YABi6Ewcp2wvPneWTHSU8fpIauo&#x2F;h4aG31BN8wh+9QKvIwruetidl3XUTeWSqgndkUhzUJYC9pRspx+JjuiAQrUAZooiyqEqEoJqDD4FJSDRtIvMSXSO7IqYCSRkWMa6Q0FHsqj1MEomju&#x2F;70blSGqM6AR1cLBYX&#x2F;nrp8uH5QpGA9rvBrrZqFpwkvaRpMQRuIOgW5FUSBS4LWnihX3RDQSDhYABCaJR&#x2F;bwDr8bJzAiwS6xKCxvNgIABBfI++K&#x2F;ARsIGwjKShFA6&#x2F;PzdPqewkr9IKrs2VVTdSRP5SaCyXk6JYRTcFg0kSQykwJDKJAaEMISscqGNUNno4WFlmuqfgIoCUEUhSDCwxJNhZAc06PD7x7muXRj7A2452nR1O4+N2fpxJnLZGI6PZXDHm9Yhr&#x2F;YEGZJdt+JEsJI+I068CogOSWCXwJBVilszjsY2cI8BowMEK9izBdI4OWEfHJ068cv7i8YKhD2G&#x2F;x11S0D9qX6K8DiGvFlD44UuZbNYvS0ZzMNSAxYsoyqJLp15WN7hlUAIsyytgHaCCUDIP3sdAM94YvtR3sP&#x2F;s8aVikXJuL98UdHYyzU&#x2F;aW3P&#x2F;NkHezRZN0z+4nE6ndW2xKRSqrgj4A4w5AstBl8Dya&#x2F;acAJMMJKmULYDvYBLY+XRm&#x2F;uDJk4f&#x2F;1j9wMqdpQy6w+dXAfhrAJtfQLJbV4kg2mxvOZlIIwEhEKypCgYBCehXcgLmGHbDAWSX9y3iPgGYKhfRbFy6e+d2x42&#x2F;3XhkdRJZJsyf47mXh47Zbb3JDW0i2VUQT+1qbuzckEslkvDrhCwQECj6PwzCCs1iONdnKQ9M1a3x+IdU&#x2F;Ojb2+odnvvAN7U&#x2F;9kwHm1uitDQ2J9XV18dpYRawiFArhlOynACvqRj6dz2dmlpYWL0xOzr13eSRV0LT&#x2F;2U8GX8ofZb60P3t9KX9Y&#x2F;L&#x2F;46fa&#x2F;AgwAyjqnEdNBoRwAAAAASUVORK5CYII=);
    *background-image: url(..&#x2F;assets&#x2F;panel&#x2F;images&#x2F;icon_error_8bit.png);
}
.yui3-panel .yui3-widget-bd .icon-info{
    background-repeat: no-repeat;
    background-image: url(data:image&#x2F;png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAC5BJREFUeNrUWVtvXNUV3nuf64xnbI8vsT0xtnFCboZAwq0idYKAFlRVQqioRSrvFVKlSn3oz+h732gfWvFSCSG1tKXQJlRBEAFN4jhxbMexnfE9Y2fGM3Mu++yutS&#x2F;j44lTIFCpOPpyzsy57G9&#x2F;61trX4aSr&#x2F;9HNVjLZ&#x2F;wTGviXtHy+78a+DkGElQJrIW9I4pGnkNxvB+hXvNeQtAGuJukA2gBZgK8&#x2F;pwlHgAagBtjWn5F0CIhbyH9jhI2SSNTTyAD6AEVAAZD7AsJVQBlQAqwA6oBAI04p&#x2F;7UI05Sinla1E7Af8CBgwHb9zpGjTxT7hg735gq9BT&#x2F;bnrNdDztD4jCoN2p3qtXyWnll&#x2F;tra3OSFUhw2NuHSEuAG4BZgU6sdpBQX90OYpkLu65APAY4xyxrqHz5afPjUD8aKBx4ZKuwbLDJmUcoYgf8A6rVCCIWEkyThory6WCrNXJq&#x2F;&#x2F;K8&#x2F;TSzfnCwlnM&#x2F;DbVcA89oyjZRlxFchbMi6WtkuwEnAgeLo2PDx0y+fOPjo+DG&#x2F;LZ9PeAyEEiBGvtCG1LKIZdkk2K5Urv&#x2F;73JWLZ9&#x2F;+rDQ7cRMuzQA+BdzWSof3Im19AVlUtQcwbtnO0cfOvHLiudd+8dIDh04cYhbz4jgC5RJJOJFKJlLR5B4QnBMOHWSO6&#x2F;UPHxkcGXtqhMdxsrY4zeDZdmhno8UWX4qwIYs+7AacyeYLh0&#x2F;&#x2F;6I1nnnrx9RdcP5uLwgAa5oqoIamPMU&#x2F;kNUQC56SlI+oZuB5FBN6VHTr65EPZ9i66cvNqEIWNPLS3qhXes3pYe1QDR5PFzB&#x2F;P5DsPn3n159899vRLp2IesxgakkqJRBLiSAQ&#x2F;A4k44sSxKcm4NnEsKklHEZedQcB&#x2F;8jnTUXwGHmeQsENtHd2sNHN5G5Iyo6tInLKF2Isw1dXA1yXqaUieY+OvvPHM0adfPBXHMUVVZEN8h4Q5R2KFnEt+9sPj5OVTB8iZ4&#x2F;vJaH8HuTizQmpBJMVSz4jd9sHnhaDdxdFBUJzPT35c1cItpwaaPQkbKyDhUcAJTK6TL7z2XBzFFge&#x2F;Nommwq5Cz0kYxeQ7RwfI6UeHSBRz+cKB7hy5Olci86t3pBo8MaSRJCqNVSSR5&#x2F;A97Rk8WAxqlc3VhamaLndbrdawW+otEu7A0rUPwvTYcz8Z5zxx0LPNZNIVQchwJqrSa4UtChegpAl1IAzKXLC9SWpVIJxrVw1RbIzK1ixqqXHeglIIDrBd13nk2VfHV25eW1pbnDqm&#x2F;RzrUidJWynveroqjNqO&#x2F;+gTL&#x2F;50vG9k7KGw0SAxhj6OlaLoVThPjMLxznfbtToZG+klfT0d4GWbTN1YJL9&#x2F;5ywJOCNQZZrRkQo31VZKG+U9P5eFOp+UZj5fgzZua6WbfrZThG2dbKNdxZH9g0eeHAuQbBTKUKrSpY48EVphohrEf3B+bW6F&#x2F;OrXbxGfhgTr80b5DqlElLT35EgYBjKQOKggmJRWDTIYCQnoGOZm8dDJsULf8KW1hSm05k09jCPHpJVwH7yh&#x2F;+DJ58eo7efCoKZ8x5s+U4kWI0njQQOVRDdWq2R7q0wS8LzvO6SruweehZhG4W7CirEcGRkzxC3CIGIOyDzy2LNj64vXZ+GdOF+5Y+YndssQPGDbbmfX&#x2F;oNDQVAHdWNVM3VNNWFDYuDtZv3FfIjhnoznkl++&#x2F;gLp78pLr16dWyV&#x2F;&#x2F;OASCcKEWAxrMkVRlULMKK0Jsx2lMVcKfaNDzHY6eRQOwO1zmiO1UzMxnCJ29Y0+PJDJdxfDoLGrCnCe7PJdYtRNVPqGkSC9HRny4++dIJhCMLUgxw&#x2F;uJ38+NwnebkhPm6Qzc3sGnaCMA2kqCVswdCNhbNPNFYq9w2MDy9OfdWluODVlaYXxy7aOfSP7gByNomhXUu0ojLVTV3OhCwwoh&#x2F;bAYwRRicAyqCC+I2pU4H4b0pulKqgaCzh4FlOJMgEdQesJGQEkDt2h7b0P7APCbZpbU+F0lch4be0FrKNRGMowGzvAgejoAy+6U8qFmZlRCOXuuRQmI0dbcUteVw8bmWlTcRUlKsVAa2NECY2Jk8kXdCHwWj1MtYcdSLZ8CAkTAmGuiQqui6Csr1Q2oJTdGSQlIcFaCCsi6WWemdQ1+6zfIT9j1ZGVR0h61PLzhpd5id2y9GGgni9DGSUy9IkwwqjQJ0akpppUE1YDy12LP9MRgc4Wu3pDqUh1WA862JIcfJCx66e5pS3R&#x2F;MPKEAUJDATqpcmusBtFqOwATU+psQIQdo&#x2F;VlSKsyKRcseMr0mxAj5QqYne&#x2F;zU6taiWiMG5wTpVfiXlQayNoyype11JzTbA9JtdQqmAIRqRNYvyQ6O7LACqvyc8ioTi6NtLczEhndMPxOooa9Yoc0TQJfLDZUaFq5+7EMQNAklp77tBFwhRmAJRaKuxaZTlPxieoUOcCO2KpDNR+joJ6xfAyPO3U6hbHzjpMVspYXkxIxK7Mp7qUIQmibcF0xqhR6+7lANzrAGEboIu20OGn2vMitcDA9wl9U1jbLKdW10naElwX5u3tjYVVjpOFhNLmOk2kSRmvUkWXqWvUgpJkWXdVCWZrS7hwLWGmeKtBhwtdGrSkVI2eRM6TE1EFLoaXmfyw1K4Mfnl7a3lqqXFnvSRkCJXCoqms9rP2Mk4LlYI7EC2UJWFQmIHC8girEQlHdUIeEfgutI60l00a1fXS5tLkkl6YGsJJWmH0yRJMWjYra3PzXr64n0gvU51WuvrpyYucwwKQkJwHCKVmmrGMABIF51merZJKprhKKjl5kksnlXToZyFHPotUVmfnkYvew4jSChsPx2otJZY3Zj6aiINaVVY9kVIXgdawlbKkqbBSCX16V1GD7xwga4GqtusQq6myUddW&#x2F;sZnMUpwD48b1ZXpDyeQS2p9l5CWLaVYG3y2vnXr1uatyxNIWDQHBk3WolIBisq6qiEVbluS2ZWioLwH9yB8DTx34D7LsZudbB4BluuSjcXPJrbLC7grNKs5xemkI6myhtm4mPBwYX367Kf5fUcOOn6hG8Mm569IFhPL1qG2lPeYw+SMC4m4QMTzmLy&#x2F;3giJDc9kYKbmgapy4gTgEjA4wT2c4TnVpR28u3V7ozT5&#x2F;qdJHC4gF83JlLW7Vs20OYA0tgqwquDtvWMHwKuWDL2tsEsRx5JkPCDqwDUR1shCaYXMLqyQf34ySaYXyyTX2UVcUM6CimLhNFJCed+UcyEHFhLNnn&#x2F;rvfXZT3D76oLeOGzspXB6pzHUe10z6zNn8377YFfvodPjUkJsQDbEpLIWwHMUXFARc+q3f71EqhvQjojhe5f09A+QrO&#x2F;iTEavWqhUl3M1gGDgMGosJmLu4rvnb138yxW9dTWvuUTpXc29dn5MnmPRbq+V5wInW2DZnuFBUJeqyqB85wFJV5P1HOXP9nwb6YFlUW9fP+np7SO5fKdSlyplmSSpR0y9soalkVi89I+Prn3wu&#x2F;Nx1JiCds8DKil1xb0Ip2cjWEY2wM&#x2F;57fXpbcvN8Fzf6KDluAzVdZGg9CzAtZvnPiyTstksyWQyxAc4jqOISrI7azoErqSh1PHpC+9+eOlvb54PalvXoc1zuvY2WtW9l8Lp3yawd6tJHGQqSxOVKKiUc70P9mTyHVn0q2sz6V1J2lbwsIxJMOlTRrVfKdE1HBq1saI4pLq5vn7h3Tffu&#x2F;z+Hy5EQW0qRba+F9kvQ9jMMVZBCba9OlurrlwvgXd5R0+xI5vLeY4kSpuEXU3YNkt3RrSijNhIFFRt1KuVa5&#x2F;8&#x2F;fPzb&#x2F;&#x2F;m&#x2F;bmL5yagCk1CGx&#x2F;p3cvGf9tuva8NbajDQ53Fh4qjj39&#x2F;rHjg4aGegaFi1vep76E1HKm4jVWFiua2QBRHYmN5oTQ&#x2F;dXH+83PvTCzPfbMb2l&#x2F;+JwPH6xw8&#x2F;Hixf&#x2F;hIb0d3XyHX3pHzPD+DvuVxUK9vV6pbGyvlWzeurs1e&#x2F;rgU&#x2F;Q9&#x2F;MvhW&#x2F;ijzrf3Z61v5w+L&#x2F;xU+3&#x2F;xFgAC+822EZuoADAAAAAElFTkSuQmCC);
    *background-image: url(..&#x2F;assets&#x2F;panel&#x2F;images&#x2F;icon_information_8bit.png);
}
.yui3-panel .yui3-widget-bd .icon-question{
    background-repeat: no-repeat;
    background-image: url(data:image&#x2F;png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAADNBJREFUeNrUWelvXNUVP&#x2F;ftM54Zz4zH43ji2MFZnNiBZiFAQxIqSgqCVhWlFQhV&#x2F;U6pxH&#x2F;Rr&#x2F;1Sqa3aD6hS1fIBJECqwto2aZoIrCQksbN5HTtje2JnbM8+b+s59943eXGTAoFKxdLxmzdvub&#x2F;7O7+z3DsMvvofk6ZsOKc&#x2F;Xxr9eRvO73uwrwKQTA2ZsgF8AJKObsi8+50A+5L3BiA1NEOC1NE60KJoljwPA7bRGmg1tKo8J9AtNGcD+K8NcMAkATWlRdB60HJoKbTY5wCuoJXQCmhLaHW0pjQnxPxXAsxCjJqS1STaZrQH0Ho1w0pu3f1wrqd&#x2F;qDuW6k5Z0URMM0yaDDitZr1RW69USjdLS&#x2F;mrN2cujxacVmMVLy2gTaPdQFuVbDdDjPv3A5iFXG5Jl&#x2F;ejDSuq2r9pYHduz+PPjuS2PdifyvblFEVlTFEA&#x2F;6GJ1&#x2F;q+L8xzwfNcv1ScLxQmL+Yvnfrr2OLs5YLnunm8bRwtLyXTCEnG&#x2F;zKAA7CGZDaNth9tW25wZOChoz&#x2F;ct&#x2F;1bR4atjnjccx0E5CEw+FwZMlUFVdWgWS2Xr392cvzCibfPFabGZvHSJNpZtFuS6da9QKufA5ZYzaAdUTV9994nnt&#x2F;35EuvPbNl576diqqYjmMjcx4H7HEmPc6odw&#x2F;zXRdcnKCiG+amgV19W0ce2eo6jndzfkLBZxM4zsoGWXwhwAFY0mEX2hPReGro6AuvHHrk6Z8+ZVjRmN1q4sAuB+iiOa4HtuNAy3ahaTtg49HGo+u4YkK+iKVgUigPcG0b8F3R&#x2F;t0Hd0QTabY0e6VptxpxvK0oGb5r9tDukg00qVkKrscj8eSOoz9+9fCuh596zHFt5rXQUwSC0cHnYFMdBjzQm4ShvhRkk1EcwadbYGphDa7mb8HU4jo0PBtMVeHPMZnKHWIbA2L4sWePaLqpn3zrN1CvrBLD&#x2F;wjlbz+cPdQNUgjAUop6FINn+Mjzrxza&#x2F;ejTjzuOw4gVYozYdbh7XTg03As&#x2F;O7YbHh7qgS2ZOKQTFqTjFnShDfZ28u83d3fA3NIalMp1Psgd8sF34Dnryg32IeNu&#x2F;vInFUncYqjQ+HcDHEiBAA+i7aPg2v&#x2F;US086tqO6qFcCSIA9KQFDY&#x2F;DCkR2wGYHiV6BpmswSCjh8Yh4faUs2AdsR&#x2F;Nj0EqxVG5wwoX2fy8Xz+TnL9G3PNWvl1eLctZpMd2sbpaFuCLSILAIHs&#x2F;1Duw&#x2F;&#x2F;6NVnVd1sa1boVR4RsKb48MiuHOQyCVir1OHa9DwUllaguLIKHRETOqIW3kee8CGbioGJEzyDSQEJJdFwwDR5TzJN+ujKbetemh6fr62vOJLloCL6YQ0zmW8phfVpurVl5NBz+61YqqvZqIOLDPjCdYINGgQHW7eb&#x2F;LuPTl+AN9&#x2F;7F4xemuSBR0x&#x2F;e+8Q&#x2F;PzlZ2Cgr4cHIAXj8NYM9KVNmChUIGKZPF+TKa7I3S4Goxnt7Bp69Jn9peJsEQtPn6yQ7TSnhuRAYCm17M9s2T6y&#x2F;9jLTyKRhmO3OJuuTEkefiaWKf9SNjh&#x2F;eRre&#x2F;fAUTM0VId6ZgUSqG6xoHCZv3ILi8i04tHcn6DgB8koy3gHj1&#x2F;MwjtIIvvOkiQLj88+xVDa5OHUxjywT2PlwFdQ2ZIcenOqm7fu&#x2F;O8I0K9Zq1sRL3bbORNA5Xtulc0W8R41CqjsNqoGsKSofPNllwbnJIhRL6zDQm+Eap7&#x2F;OqA5uq46Mm6BwhhVUgmAYFQEKSkg3rdjWvd8ZWZ6&#x2F;PoXvon5lPehPtA0luFfTjGR68&#x2F;b+ZrMOGGwiZ3JGA8AuB0QBReWNBjSsGE4IeN5lvtsOaRv5KFdbd+ZN5kOr2QCt2QQVgSoBYIXxIxnJLNUz2K9oetK1W7342IzEyLRQJ0YtYrpncE9vJN6Vo5e6bgDW5QA9L2xBnyBLks9C+ZFxz3RYEUh3dtwGi3m4uLwO1UoTJ4k+UnCCaJxpBKxi6SbANKYRS+W6B0Z6FyfOpSU2ak2VMMP0ZUdndmsWwTHbFmmMWKNguM0wRXQAUsarT64Fng0ondFFKijfPzwM2XSMg1cRbKVah5n5m&#x2F;gcyYaAiVBiCnmKpIdHpI+A+ziNRPeWLALukNjaDAca5j2u2ZFI2QjSbrXaxYHAuqLAcTA+oQv8Lpmla5ZpYNGI8KT53OGd8IOjw5w9FyfZETVg9LMJuHAlD1YkiY+Ld&#x2F;BX8TkyToZCFZQGYw7okXhKplpzo4aDtKZjsMVbWCRaCNiVQH1XZm4+AAPRGoRA42dKZ7948SD85NiDvKjwNEXPIwhd12B1rQa&#x2F;&#x2F;8v7WO0cSG&#x2F;CngoZ9vns5RuYeD&#x2F;FAgEneEy14gGuAKe2YemjIHsWycG2Pe56T&#x2F;ZMvnS9J8dgbc2K+VKg7Nnew71iOyIlWJYBKoJeKN6CX&#x2F;3hHTgxeh1SmT4MNl3IKKR6X7DBJ8FJ8QmxYYWxhSXR&#x2F;qPMYDepkgmgXsjtfrvhY3wCLNxS4z3r5eYdbF26MgtvvHsKPkUpzC+tQyLdi8HWibdq&#x2F;A0hXUF7AA5WBvFd2mst1A1xs1tOw3WZ0GsQ&#x2F;b54vQAeXsUzaPdevmhqeBXCoFmv1OCXv34Lzpyfge5MFtLZftCtBM+1YuaMD+3J6XMHyjaU8+yhpBynEcZGD2ihRpmWJrbdqJepSAQA6cH2RH1RSoUmwuB5z8izRDAN6iEw&#x2F;0MmuxXiyS5MaaqQFXe5YNOXeRnkUopRIiDQ0kN2s14OcAU4tdDqlvxZb1ZXS5ReApeE86vQmkgqTOqa8ehgXNOVms2LgS&#x2F;d6yGbekcCNMvi43GdBnFGAKVH&#x2F;NACg94XBGOrtloKra69sCRcmZir1ZW5okuh7THWXqf5ihSmYJjJ&#x2F;RL+SRHXFM2H6UIJVtdr&#x2F;NaJ2SUsy1VMTZ0YO6oE2E7eoui4vkwNklLmyUnxLs6vIJYAV9D8aKFdGfry1tritYXG+nLBjPdsptVu2+W+VKsvA46AYzEAKqsqAws&#x2F;&#x2F;+n9cfjtGx+AXV8HWkF3dmUhnrJwMipAKIVxwNTwqCKP8b6YCpPLayTlM6iXFwqrC5cX5MI0AOyFGSadLHiOvVq+OZM347nNwLXM2ksaCNwvwZIpmugDXCxROwd74NiBhyBiMCjcrMDxswVo+QbXr1CvBO2JoOJAKbo9EXSkZ59XPhXKxak8YZF7GHaY4UDDjtiR8RdXJs+MJTfvfVDVIjG+fgOQew1MSEMTzIIqDc9NLA6vvXgADu7q4brnlyPn4M1T02Aa2p3M+vJIseIpvJLydKZ4fCvAbdQqSxP&#x2F;HCMscpcoWEnfsaXkSIFP1ddu3Fi9cWmM0rQv2eXBR2BVxhlgxKxBR5WDT6ci0J2MQLXe4quPRtOBwawJcSyqhq6CZQgz0XQ8V3GCii6ebx&#x2F;RVMOAlflzY9XSHO0KTUlM&#x2F;wE4SGsUjfOe25pbnjhxtlUrrTCm86rDArDIAGiMv5xcTUeGAxIoTbmdo6nZcRxsLZ0aRDhgnXvB1IOjAK7pArCiK6BiL9JqrK4ULn981nNac6HmPUhrdwD25FKEFn7jtdJsfunK+ydxfWRTAPmB+wm0JmRARxosaumwjiltfGaZA+mMR6HZcuDs+DTfpopYKuqaQGttpukzScVAoBp&#x2F;j06xYOfPvXOyfHMy2MJaC+1R+Bv3JYKdxpbc65pcnjwRtxJ96e6dR4&#x2F;wtkthPPrJqLclFk1d4SA1yhIfjsGp0YvoAA9KaxWYwGVSumcAwRq3d4A80StTkWE80MQWluKAP3Ph+OkbF94bl1tXeYnFvte+BNxZ2PnWaKJWmmnq0ZQSzQz0IaNMZAbhRlMTDBkaMagB9TyziyswW1iBtboDqa4e6Ex14T06OgbrmMLnLJdGojqKVYbqz1&#x2F;8+5mrf&#x2F;vjacduXMNxT6OV5eagc699CdjQjVAaWUE9x6vLE1XViLixnsE+VTcUYpc0a0rtGobQZBRXwql0Erq7s5DB&#x2F;iGWSOI1XQDlYFl7pUymahQfnjsxevyfFz94&#x2F;XSztnYdxzwpc29jI7v3Yjj82wTNrug5zUh5YaxsN8ulWPcDmUgcl5IaMSvSGQetCfAWBRUGj2nquDJW+ZpN5YtMkDkcB0XPqHhfZXV5efT46x9e+vjPo3azdi0Etn43sF8EcNBjFJEJpVqcwgR5vYDadTszuc5oLGYSKNoB4oC5KaCjB7T2ohIkowrfryBWG&#x2F;VK+eqnH50&#x2F;&#x2F;fbvPp65cHIMc&#x2F;JlHOOM3L1s&#x2F;Lft1vva0MY83J&#x2F;M7cgNHvjeSG7bnv5Mb38ualnMMkXaMmQQYjfS3hawHdtfWZwr5K9dyJ8&#x2F;+e7Y4szXu6H9xX8y0M1k39CB3KaBXd2dXT2pWKIzZppWhHTrOs16vVqurK0slW5MX7k5demTgv0&#x2F;&#x2F;MngG&#x2F;mjzDf2Z69v5A+L&#x2F;xc&#x2F;3f5bgAEAltY6nthdQoIAAAAASUVORK5CYII=);
    *background-image: url(..&#x2F;assets&#x2F;panel&#x2F;images&#x2F;icon_question_8bit.png);
}
.yui3-panel .yui3-widget-bd .icon-warn{
    background-repeat: no-repeat;
    background-image: url(data:image&#x2F;png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAqCAYAAAD1T9h6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACnpJREFUeNrMWXlsHFcZ&#x2F;96b2Zm9ba&#x2F;ttb2+E8dnHDuO7cR26jghwWlFUzeXUO6khSaUoFRFESCqJBQhRAVSUUFIiCLlj1IElEMgBP0DVEAtRC00IaSBHJCkxLlIYmevuR7fm3mzHm9CFB+hWfmnN7s7nv2+7&#x2F;f7jjdD4P68CIIKEAH+sgSYWGf8ku+T8bIA9azcaB1hCjCBB8oBN&#x2F;I+gXJEHyKESCKOIs4issJ4c6ZOSLPsgGt8AFGMGKytjvXs2Nq&#x2F;NORX4mfPXVPxs1FEZrYcmO3oc+OjiErEiETpF3756p6&#x2F;MXaYnT5y8HJZPPIV&#x2F;HwDogpRIBRAHhQG+LV4hMOIuYiFn3pyWc8nn1q+VL+RhJKyaGh8LJ16483TN&#x2F;A7jnGEMVMW6CzqnkfTLyLb1tJYXr1&#x2F;78pllmWBZTEwdQP27FjaXV8T4+y0CEcV4Tj5IBkgHuMjiA5Zlhq&#x2F;++Lmh7sW1VVrad2pnyaDwuJIQJUl8xevHx8VSf0fwYI1XRboLCYud6AGMe+JzUsWPDLc3qaltEknmhkdNq3r7ururKnm5yEKheymzYI0S8YHESWI7vnNFfO+8+LmNeGg4pcVGeSgArKKwGNLtyAQCchFkYDvBz&#x2F;783kPC&#x2F;p0c0GaBekEXOn4fFLzS1&#x2F;eMNzb11CbTWrwzrvn4Q9vnoLjx9+HU6cuQaK8ABSZQsPceNG7x86P&#x2F;v3MFe7AZVFWjdnqzlNxnkc+LprVs09tH3iNXX3JZFe+wU796QBrnlfOPB2Xfftrmxi7&#x2F;i3Grn6T&#x2F;eYn+07KEn2el1tRdsPTKat0BtJxEzfGo19fW1L93KcfWW6Z+B2aMDaegRs3U5P+6a&#x2F;vXQQ9rYGeNWBooLFx68bFTaLklotc+L84QDw1n48IjcGAUvHCgceWVVbFCjVNB2ZaQCUKim+yQikhMDaWAZMxm5K9Tw4tiZdE4iKhQ6Ks0vvpAMmrOryjNq77SGfbmuH29tRYCnSs97quo7HopTT58hQ&#x2F;NAwDe4IJqWQGOuZXVW1Z3zsfv+JVKSGC4puKXXQGNZ+XwLa5dSU1h&#x2F;avXmHouqRlNKw0BlhopIVOMJZXVLCpgWna55iaAdlMlnxi50OLa6tiCcFCdKrNjU5TOkHRTSsPPLNyoDoeLtIwosTAaoiGA8rIh8bLeQz4+FtNnINOaMks1JZFi3dv6e8QbFZOlQU6TenYEdu2tqt9&#x2F;XBrZ2Yck1XXbOMIzwFkIiQR8CvSJPkEeU5g5F2QrA46Or59ZNHijuYEd6BJjCL+e2WBTlE6PDpFiPbqioLKz+8ZHCKaQc00lnE0hhsENjQnynkKIsgKRQnx6BPugGaCkcpCRdQf3Lulrwf7SAWeVjcVFugUpKOIptXI6T709LKH6uOh4ux4Eg3XgHAGDNynWLhaPIkNxIQHhCc1tXBFw+2epTuwDEinMrBhVWvHkgXVdeL6RfeaC3QKNT8oqkXTpodbWz+6srEzfQuN5wZzQwiuhK9ZsFgWomGUTGBiw+eTJQiHJCQFz6EuDBsGnh8KEOVzH3+ojxBSJpwI3gsLdApjMh8XWmsrolWf3dUzJFFNYlZWGD4BgoYRqtmYNBkwnge8PyAD1AvTRsbIwLLeqqa1q5obhIxKxO&#x2F;Kd7Pzbg4w8b0imgyvOtUHd&#x2F;cOtMwJxzNaUhiddba4ecdUQhlR5k0A&#x2F;AwlJBu5yHvBkD2&#x2F;n5FndvT0R0Nq3MOCOl0HXN3zKPDkalr7ofqWjatqutJpvpnSxAyGK80iXVkn6miIiZ8Fgwz8qqcKIZ+yDx3iDNgwxao7K7KQ1jOwZGFZ9daRNre5eUcMOhUHqKfq2A2rLhGpOLSnc0iWdRSCiDYHl4vtBEaScDnwRMVoKxS8bQC1DRJOorycEvycSALIki0jyWHBIhrdu62zt6QokMgbMe6Y0PQu2nerThP+eN3+Ha1LW+sD5VktJaTiGE24znm1ceHezkJD&#x2F;X55Uh9QVdmxmntGBdAp+z2CO6NjM2xqiJbt27GwQ+RCjScX7smB&#x2F;IbVsHZFVeP2R6u6kulbmBiaM7oTsQvEiPP&#x2F;4GWScJ1QseJfODThAJ8qQiG8rMQZoA7sY8976jhi4Ei7bV1TT0tDrNwzYtxx5yb9D+mERC3ujRepc18+2DUSj0kRw3SNdgwk7k1DQoTxVKwS2kHBtAicPHMTCqMqdLSWwsrBWigvj4LP57OZIKglDvd69nUI2DcBiktDfjywfvXGuUvoPE+663l39XJyyW9YfuFxuySRxV&#x2F;fv2D17vW1fUncnDNCchlJxA9yYx0juPGS854KgeN64VIGLl&#x2F;VcISWIFYUhtrqYpSSYjNCbEvwgAm7mAOGQ5+MX6azRmp4y49feesvo0fwhN+Jm2JJ0QVZPgPuoBYQulu0uj&#x2F;e&#x2F;sWnmz6sGxa1f0jonBBvxIjjkNA0kWwNgQ&#x2F;3wAaT4eIVnDxRkcWxQjS+DPcIATzHj6dgiiEIZ4LKuPqEDh23LPQwHPL5igtU+fs&#x2F;&#x2F;8cFYfhVwYB7kzjngHd&#x2F;y6XTXV6sNhx+vnOkNKZEDcP0JKpt3x2kM8GChF03o8vw3Fffhl3P&#x2F;hpefvUovPX2RRgcaIZEZRkqgxvLIQtQcVEHzqUZStCEeXUFpUdPXLtw8sx1TTCQ9u6fad6YnJt1PrNzzpKWOaEyTTNFwlrOmkN+1WE5G1S&#x2F;itpPwuEfnsjR+86x9+GV144B9YVRWcgC5eBMqPYK9qoKZlSbHcawcgVkuu+Jjr6CsFIqEjrg2bnlYukTDthzyKOD8ZadI1W9Wc2YYMytOh4Q4llFQhMeUTQwlSG33SMZvXwLBzeeHmgDN5qgHUS1QYgjKfTQObYZUnCwtWB5f6JhZLieTwJzhI2KsDkXP7fyzC+MyIlDuxuGFJn5DNNpTjnJEd6k3OhPZsNxgjg&#x2F;jJeLRsO37YmDwSAmJg+bz9G9HekJKTl5gHBzAlcLk58Xv&#x2F;27O&#x2F;uiYV+ZhwV+cV4uch23AX++80t7G1esGSppwwogOiibyBJP6XQSWWjffi&#x2F;ZUeVysJgKxcWFtjHHTlyCgF+Bhe11sPHxAahKxLEfBO0qZP9frhAy+89ujEywjSvn0TR1SMT9kfGkNv77I6P8Rti&#x2F;ETd5LrjdjVPS&#x2F;viKeNuuxyq6M1nvPSaWV2lFo3ZZcLM6Nx9QW7tUluFjW&#x2F;tgsH8+3BgzMLFVKCmN2fnBcs0eHFbxfGb&#x2F;ryWujceMehROuRuwc0Nj9&#x2F;d+evrkPy+M8wZ7DhzuclYqzXWhioK4olq3NCEHb7OCXMl0Go87Cji9wE48CeOAJdKFGgpAMFQEyQzOQPhdJBwBJYxKlWQRZcspKBav&#x2F;3wHJwy3XBChXifH5taEizpaimLoQMiNrOsAbwyXX&#x2F;&#x2F;jtbOtPzpfGAlKUSZuGLu9Czy132lkHgnZicf17NR4J0FRTpKKPjoVhWDOMVGm2KRnfszelU00MhzqLHe3xu9saPYuT8J9xvkLN64ce+&#x2F;6mOgHhvepiiLuCgyKR0PKg&#x2F;Tox6Nf3gv+hfiteEiiuT1A9jweinm2czN6+DBLL7cMclpS4mZwUjBgeJ&#x2F;nUo8zct5z3g&#x2F;y5T5TNj2PpFxYJK+85AMeEAfgti4q8F8BBgCAwp1terx1cgAAAABJRU5ErkJggg==);
    *background-image: url(..&#x2F;assets&#x2F;panel&#x2F;images&#x2F;icon_warn_8bit.png);
}
.yui3-panel .yui3-widget-bd .icon-success{
    background-repeat: no-repeat;
    background-image: url(data:image&#x2F;png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAADB1JREFUeNrUWVtsHNUZ&#x2F;ueyu7O7s1ff1utLHCcQYofgGAekkABy24Tw0KpvVVuJ56hIQUhIIB4gF6GIB8QjFS9RSYlyQwKkqlRpQaXgkIQ4OPebSUyy2I4Tx9n17s5tp&#x2F;9&#x2F;5pzxeDEEApWK159mZ2Z3zne+8&#x2F;3&#x2F;+c9ZCX78n8Qh153Tn8tBf7W687tu7McQJCgByHXkBUk6OgHU7rYD0g&#x2F;8rCCpIsKcZAgRR8QQGj8PErYQVUQZMcvPibSJsOvI&#x2F;2SEhZJENMIRRbQg8ogMQr8D4RJiGlFATCAqCIPDDij&#x2F;owhLAUUjXNU0og2xGNGqamq6a6Ar37KspUlv0jNaUtPViEqdAduwK9Xb1VLpeml64tzE9ctHLxfsqn0Lb32N+BJxDXGLq20EFHfvhrAUGHKND3knokdW5M7c8lx+xZMrevP35zsz7Zk8XpMkWQIGyXus67oeHBdqTs2dvjpdKJwojJ3828lT42fGC3htDD92GjHGLVMNWMb9IYQF2TBXNovoRyzJ9+YXrfzNylVL1y3t0RJaombXwK0hKXr+HVwoKRIoqgJG0She+PjC6ZF3R4YLpwpX8NYlxDHETa60+W2klTuQJVUbEeuUkLK877d9qwY3Dz7RsarjXlmWI7ZlQ63mEa65nLjrvV8IpLRjOyCH5Ujuvlx710NdXXheu37xuozfTWI7N+ps8b0IC7LkwwbEY7FMbNmjmx5d89AfH&#x2F;plOBbWLcMCx3E8okTYDRwF8XoE7qEVwLEcwGfFOld33hPLxqSJsxOGVbUS2N4kV3jB7KEskA1CnCxF&#x2F;rpoOrrssacfW9vzRM8jtm3LpCpTquYwko7reAQc75xdq3nXxLkANU&#x2F;3REdZp8GVMWA74w1xuXCyMItBGeVZxA7Ywl2IsMSzgcZT1MMYPD3rNq1bs3zDciIrkSqiIZ9c4H3wXHRIQJD07SFGx2HqSw3dDe2ouDN2eKzEhRsPTDQLEhZWIMLdiFUUXP2&#x2F;6x9EsgqRrScq4CvszBEV5z4CnSCSlmNBSA6BZVtgOzapLzUubcxjQN6aPD9Z5ulupt4aSl2gCSusbl7WvHztn9Y+qUQU37PUID2cjhQ8DETCnlOW3Q90xu+UsAB6uWJVIB1Jw+aHN0NLrAW++PoLdh8DWckuyTZNnJ64Wr5RtrnKYkacR1jm6YuyQjdOBg8M&#x2F;GFgXUtvyz1m1QS7ZnvkeOOouK9qEER2IZsEUbWqHtlHNsPK1pXQne0GqSbBqYlT7HsRPRLDnF4rHC9cxzZucqV9PysBOxBhSi39ODS9&#x2F;b&#x2F;vH8QmwrZpM4KMlO2pyVS0uOL2tygatAO3RMWsQCqSgucefw76WvuY0hE1At2Zbjh06RDcLN9kZPRmPT1+YnwMVSY&#x2F;Xw3OgmpAYZXVBhLklv5iaa+kSbpZNr8RPMKLIlX5EJNHDcCFuYlEIrfhv+EY0Kw3w&#x2F;ODz0NfWx8YlgHhUBjKZhle2&#x2F;8aDF8chlQ+xT4b0kJ61+NdvVMXpkbx2VSv3Bb1iVo3BbeqYTWdXZrtNCrGvKH3CTtevmWkef5lPCny8UUE3bp8b9omNOgN8MKvXoBVbat8ZSngdry9A949&#x2F;C6kc2nWHmlJz8p0ZzrlkJx2TKcVH3GZc5TUQCVGJWK2ZUVLa7QhmifvzssC9Uq7HnH&#x2F;Jc2RpFqC7tGxaleZsi8&#x2F;+TI8uOhBqJpVCCkhMC0Ttu3aBns&#x2F;2QuZXAbUhOqJYLmszXAmnG&#x2F;qbWodHx7Pcm5UmspBheliPNWVasYvSpZlfTPK8YGkFhtlWZqrROoqEiJPZCt2BbCEgy0bt8BA54BHVvXIbv3rVtj&#x2F;6X5I5BIQyoQApyRwbW+EFEXB6cSVkh3JZiQc59x8hYNZIhpJRjKUIy3T8lMUI4sv27Whq7ELCrcLUDJLEFbDfmU2jzR51jagUW+E7Ru3M7IUcKQs2WDLri2wd2gvJHNJ0LIaspDQ+t6oyfiiEaUQCyVCGZ5qI&#x2F;UelriHQxhsCVLANL2AoxcNOalFwfLqr1+FkcII7Pp8F4yMj3iKyMo84kS2OdEM2zZsY2QN02CdI4W37d4Ge4b2QCqXArQeI8vsw70viLNHIRfBS&#x2F;BU65Y+OBCuRnawapb3ZXzRewqaTWs3MdUG7x2EnpYeeOvzt+C9M+9BySqxIKI&#x2F;ygZM2Q2obMeA71lSdututMFn+1k2wIIHpJDkTQeSVzuLI4sB2aV5Vwtyo0&#x2F;K9aUaRSoRxOzrEzZrJlP3&#x2F;tb72QMp+ZOCT699Gp5Z+wyko2kwXRMMF5VNNsMrG17xPIufUxWVpbCX3n4J9n62FxItCYg2RUm9OamC62zJi4FgENdXazKvIaiU7Mo+kO3RWrUmXkmxL1IQTBQn4OzYWcgn8tDW0MZqARn725vrhVw8B4evHYa4Focd63fA6vbVjCzZgIJ0656tcODIAUi1phhZrK2ZikxJHqDEwvUSN7MHWWX22uz41LGpEeQ1ipiiAVQD5RstTSyrYhVZgcK&#x2F;LHpaNIvw&#x2F;un34ci5I&#x2F;DshmdhY&#x2F;9G1hGattfft56pm0vkYKBtgPldpC4iu+&#x2F;IPki2JiHa6JEVLVIbsit778kKuCIRy1C6R1wEL8FTCdTAVFK2xzviHfoSfSnzFH1C9ojj&#x2F;E4zEMw4MzB0YQgkR4Le9l425BScy5qWQVuyDUzH9JQlsvuQ7NF9kM6nId4cByykfDWZkpK3BgxmGXafp83pE9MnZ87PnOZLKKopLKGwwxPz7OxXs5NIgIWtv04TDeAw6WkdDMOAN4+8yR7+1KNP+aRZ2sH3FGjb92+HA8fQBm0piDfFAWetub2gwAJVBJ3YbhHXcJTd0lelScFroeKHntho3jLTmb7MYiWhJEXkil0GMVngMh5sxYYT105AY6QRVnasZNag9EbHF3e&#x2F;CO8cewcybRnQW3RQNMVXM7iyngfgfnYlZo3KZKVw5Z0rn2LtfIF7mK2o5YDC5JOva1btVvFyccybV7iHpfrkglV+TAMrbsEbR96A4SvDoIU0Novt&#x2F;GgnfHD6A2hY1ADxVrRBVGF2otUyHRlk2X8f7ARdJ7KyKkNxtDhGXPgehlWvsJieyfJN9qytpR9I3ytH5LC4O08Z2fNhOBKG285tmL49DWs617Ac+&#x2F;o&#x2F;XodYcwyS+SSEtTAoksKCkxEiglKdwmKKl7xAI8JOxSmN7hn90LxpnsE7J7kl2MJUqVuAskLIKTsN4eZwKrYo1k5lowgU0RApwN6jp7G6g1vmLThz5Qwc+OwAKEkFsm1ZiEajbAlEULFkEaAOiA4Lon6g0bPR65NDk8Pj&#x2F;x4fRjsM81WH2GBxF1o12&#x2F;jBrDVjScneZLcSV2Is&#x2F;UjynEqyV6DQe1VV8SkufHnjS6ZothXJJqIQVsIstTHSikeaPE5glpBkX2WRIUgIY9q4centSweNKeMsXqIcXOSEawutmiWx6EPCGSTuIOklSFDxFRakFe9IWYGmZT2uQyKJs1gsChElwggz0lxhOjLCEgevPyTOljpNKqIVDk4dmaJUdpRvHFYDmysLbqTI&#x2F;EN6eaysqGlVji+OdyJRSQQGCyJUmJFFcgQKOi2sQVj2lA2SFeqSqgzAFQbuY4XBvXrw6idI+HNsW3hX7HA637XzIyZx2hpNli+XDaxXZfKzT5pHOClLBGmiEKqya6SuHPY9LKygsIGaswNTxxPAvfrR1UPn&#x2F;nJuyK7a5&#x2F;HyUMAK9rftSwTJilR3o2bWErMXZ2cxPTl6t96uhBWZGmHkxNAHCPtAwvN8K833LYGmaQxq5+LfL&#x2F;7nxM4TQ8aMQTn3Y74pKAKtdqe9teBvE9S7yZpRixZPFYtW0ZrWF+uN0VQ0RsoRKV9RDkFc2IE6x&#x2F;zKF6OsfsacTGRLU6WpozuPHjy5++RRq2ydD5CtLET2+xCucQ9NohLy7OhsuXShVEACDta0qZgeizC&#x2F;SuF5pEVWYMMNc7mXMgoRrZaqxXP&#x2F;PHd86M9D&#x2F;7r88eVT+Gzy7CG+e1n9ru3Wu9rQxgDpTN+Tznev7+7Nr8h3NnY25mNaTNJUDSIhT2EiTNOsWAviosC98dWNwtjI2Njx94&#x2F;&#x2F;5Bva3&#x2F;8ng4iabn+wPZ+7L9eUakll9JSuR7RIlALMMZxKpVgpzUzMTF87e+366OHRglW1&#x2F;mc&#x2F;Gfwsf5T52f7s9bP8YfH&#x2F;4qfb&#x2F;wowAIyvUY+UCEpRAAAAAElFTkSuQmCC);
    *background-image: url(..&#x2F;assets&#x2F;panel&#x2F;images&#x2F;icon_success_8bit.png);
}


&lt;&#x2F;style&gt;</pre>


<h3>The Icon Source Files</h3>

Here we provide the 
<a href="../assets/panel/icon_image_source_files.zip">original source files</a> 
for the icons, in case you'd like to modify them, or create others. We created
them ourselves, just for you, so you can be sure they are open source. 
</div>
            </div>
        </div>

        <div class="yui3-u-1-4">
            <div class="sidebar">
                

                
                    <div class="sidebox">
                        <div class="hd">
                            <h2 class="no-toc">Examples</h2>
                        </div>

                        <div class="bd">
                            <ul class="examples">
                                
                                    
                                        <li data-description="Shows how to instantiate multiple Panel instances, and use nested modality to interact with a Datatable.">
                                            <a href="panel-form.html">Creating a Modal Form</a>
                                        </li>
                                    
                                
                                    
                                        <li data-description="Shows how to create a panel that animates as it is shown and hidden">
                                            <a href="panel-animate.html">Creating an Animated Panel</a>
                                        </li>
                                    
                                
                                    
                                        <li data-description="Shows how to create a dialog instance that can be reused for multiple messages and confirmations.">
                                            <a href="dialog.html">Creating a Reusable Dialog</a>
                                        </li>
                                    
                                
                            </ul>
                        </div>
                    </div>
                

                
            </div>
        </div>
    </div>
</div>

<script src="../assets/vendor/prettify/prettify-min.js"></script>
<script>prettyPrint();</script>

<script>
YUI.Env.Tests = {
    examples: [],
    project: '../assets',
    assets: '../assets/panel',
    name: 'dialog',
    title: 'Creating a Reusable Dialog',
    newWindow: '',
    auto:  false 
};
YUI.Env.Tests.examples.push('panel-form');
YUI.Env.Tests.examples.push('panel-animate');
YUI.Env.Tests.examples.push('dialog');

</script>
<script src="../assets/yui/test-runner.js"></script>



</body>
</html>
author	Yves-Marie Haussonne <ymh.work+github@gmail.com>
	Fri, 09 May 2014 18:35:26 +0200
changeset 656	a84519031134
parent 525	89ef5ed3c48b
permissions	-rw-r--r--