/* General Panel Skin Styles */
/* Note: You must id your div that you want popped on the page "popPanel" */
/* eg: <div id="popPanel"> */
/* this div must be located somewhere in the DOM of the page you want it to show on */

/* The backgroun-color here is the color of the modal background */
/* The number at the end is the transparency of the modal background. Higher number, darker color */
.yui-skin-sam .mask {background-color: #000000; opacity: 0.55;}

/*******************************************************/ 
/* Don't mess with these unless you want to experiment.*/

/* This is the underlying background color of the popup */
#popPanel_c.yui-panel-container.shadow .underlay { background-color:#999; }

/* You can change the chrome style, icons etc. if you'd like here */
#popPanel.yui-panel { position:relative; border:none; overflow:visible; background-color:transparent; }

/* Apply styles to the close icon to anchor it to the left side of the header */
#popPanel.yui-panel .container-close { top:3px; right:4px; height:18px; width:16px; background-image:url(http://docs.huihoo.com/yui/2.5.0/examples/container/assets/img/aqua-hd-close.gif) no-repeat; }
#popPanel.yui-panel .container-close:hover { background-image:url(http://docs.huihoo.com/yui/2.5.0/examples/container/assets/img/aqua-hd-close-over.gif) no-repeat; }

/* Style the header and apply the rounded corners, center the text */
#popPanel.yui-panel .hd { padding:0; border:none; background:transparent url(http://docs.huihoo.com/yui/2.5.0/examples/container/assets/img/aqua-hd-bg.gif); color:#000; height:22px; margin-left:7px; margin-right:7px; text-align:center; overflow:visible; }
#popPanel.yui-panel .hd span { vertical-align:middle; line-height:22px; }
#popPanel.yui-panel .hd .tl { width:7px; height:22px; top:0; left:0; background:transparent url(http://docs.huihoo.com/yui/2.5.0/examples/container/assets/img/aqua-hd-lt.gif); position:absolute; }
#popPanel.yui-panel .hd .tr { width:7px; height:22px; top:0; right:0; background:transparent url(http://docs.huihoo.com/yui/2.5.0/examples/container/assets/img/aqua-hd-rt.gif); position:absolute; }

/* Style the body and footer */
#popPanel.yui-panel .bd { overflow:hidden; padding:4px; border:1px solid #aeaeae; background-color:#FFF; }
#popPanel.yui-panel .ft { font-size:75%; color:#666; padding:2px; overflow:hidden; border:1px solid #aeaeae; border-top:none; background-color:#dfdfdf; }