#ibox_wrapper {
    line-height:25px;
    border-color:#fff;
}
#ibox_wrapper, #ibox_footer_wrapper a { background-color:#fff; }
#ibox_content { background-color:#fff; border:0; margin: 10px 10px 40px 10px; }
#ibox_footer_wrapper {
    line-height: 25px;
    bottom: 5px;
    top: auto;
}
#ibox_footer_wrapper a {
    text-indent: -100000px;
    border:0;
    background: #fff url('../../iBox/images/closelabel.gif') center center no-repeat;
    width: 66px;
    padding: 0;
    height: 22px;
    line-height: 22px;
}
#ibox_footer_wrapper a:hover { background-color:#fff; }
#ibox_loading {
    text-indent: -100000px;
    width: 200px;
    height: 200px;
    background: #fff url('../../iBox/images/loading.gif') center center no-repeat;
}

#inner_content {display:none; background:#6194bc; color:#faed12; border:2px dotted #123456; padding:15px; margin:15px;} 

.charter_message {margin:0 auto; padding:10px; text-align:center; width:600px;}
.charter_message a{color:#faed12; text-decoration:none; font-weight:bold;}
.charter_message a:hover{color:#ececec; text-decoration:underline;}

.charter_message_text { font-family: Verdana; font-size:15px;}

/*.Yellow_15_center {font:15px Verdana; color:#faed12; font-weight:bold; text-align:center;}
.Yellow_15_center a{color:#faed12; text-decoration:none;}
.Yellow_15_center a:hover{color:#ececec; text-decoration:underline;}*/





/*<a href="#inner_content" rel="ibox" title="Loading Internal HTML Content" >#inner_content</a>
    </p>
    <h3>Source</h3>
    <pre>&lt;div id="inner_content" style="display:none;"&gt;
    &lt;div style="background:#000000;color:#ffffff;border:1px dashed #FFFFFF;padding:15px;margin:15px;"&gt;	
    	&lt;h3&gt;It is a hidden div!&lt;/h3&gt;
    	&lt;p&gt;If you were to view source, you would find a div called 'inner_content'. This is that div. We 
have used CSS to set its display property to none, but using &lt;a href="/blog/p_ibox.html"&gt;iBox&lt;/a&gt;, 
you can clearly see it as an overlay. Hurrah!&lt;/p&gt;
    	&lt;p&gt;It is even styled. Oh so pretty it is&lt;/p&gt;
    &lt;/div&gt;
    &lt;/div&gt;
    &lt;p&gt;
    &lt;a href="#inner_content" rel="ibox" title="Loading Internal HTML Content" &gt;#inner_content&lt;/a&gt;
    &lt;/p&gt;</pre>
*/