/* CSS Document */

/* XP Panel Skin CSS */
.panelXP_c.panel-container.shadow .underlay { background-color:#999; }

/* Apply the border to the right side */
.panelXP { border:none; overflow:visible; background:transparent url(/generic/assets/xp-brdr-rt.gif) no-repeat top right; }

/* Style the close icon */
.panelXP .close { top:5px; right:8px; height:21px; width:21px; }
.panelXP .close.nonsecure { background-image:url(/generic/assets/xp-close.gif); } 
.panelXP .close.secure { background-image:url(/generic/assets/xp-close.gif); }

/* Style the header with its associated corners */
.panelXP .hd { padding:0; border:none; background:transparent url(/generic/assets/xp-hd.gif); color:#FFF; height:30px; margin-left:8px; margin-right:8px; text-align:left; vertical-align:middle; overflow:visible; }
.panelXP .hd span { line-height:30px; vertical-align:middle; }
.panelXP .hd .tl { width:8px;height:29px; top:1px;left:0; background:transparent url(/generic/assets/xp-tl.gif); position:absolute; }
.panelXP .hd .tr { width:8px;height:29px; top:1px;right:0; background:transparent url(/generic/assets/xp-tr.gif); position:absolute; }

/* Style the body with the left border */
.panelXP .bd { overflow:hidden; padding:10px; border:none; background:#FFF url(/generic/assets/xp-brdr-lt.gif) repeat-y; margin:0 4px 0 0; }

/* Style the footer with the bottom corner images */
.panelXP .ft { background:transparent url(/generic/assets/xp-ft.gif); font-size:11px; height:26px; padding:0px 10px; }
.panelXP .ft span { line-height:22px; vertical-align:middle; }
.panelXP .ft .bl { width:8px;height:26px; bottom:0;left:0; background:transparent url(/generic/assets/xp-bl.gif); position:absolute; }
.panelXP .ft .br { width:8px;height:26px; bottom:0;right:0; background:transparent url(/generic/assets/xp-br.gif); position:absolute; }



/* Aqua Panel Skin CSS */
.panelOS_c.panel-container.shadow .underlay { background-color:#999; }
.panelOS { border:none; overflow:visible; background-color:transparent; } 

/* Apply styles to the close icon to anchor it to the left side of the header */
.panelOS .close { top:3px; right:4px; height:18px; width:17px; }
.panelOS .close.nonsecure { background-image:url(/generic/assets/aqua-hd-close.gif); }
.panelOS .close.secure { background-image:url(/generic/assets/aqua-hd-close.gif); }
.panelOS .close.nonsecure:hover { background-image:url(/generic/assets/aqua-hd-close-over.gif); }
.panelOS .close.secure:hover { background-image:url(/generic/assets/aqua-hd-close-over.gif); }

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

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

/* Aqua Panel Skin CSS (again) */
.panelOS2_c.panel-container.shadow .underlay { background-color:#999; }
.panelOS2 { border:none; overflow:visible; background-color:transparent; } 

/* Apply styles to the close icon to anchor it to the left side of the header */
.panelOS2 .close { top:3px; right:4px; height:18px; width:17px; }
.panelOS2 .close.nonsecure { background-image:url(/generic/assets/aqua-hd-close.gif); }
.panelOS2 .close.secure { background-image:url(/generic/assets/aqua-hd-close.gif); }
.panelOS2 .close.nonsecure:hover { background-image:url(/generic/assets/aqua-hd-close-over.gif); }
.panelOS2 .close.secure:hover { background-image:url(/generic/assets/aqua-hd-close-over.gif); }

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

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