.yui3-skin-night .yui3-panel {
    color: #FFFFFF;
    font-family: HelveticaNeue, arial, helvetica, clean, sans-serif;
}

.yui3-skin-night .yui3-panel-content {
    background: #6D6E6E;
    -webkit-box-shadow: 0 0 20px #000;
    -moz-box-shadow: 0 0 20px #000;
    box-shadow: 0 0 20px #000;
    border: 1px solid black;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.yui3-skin-night .yui3-panel .yui3-widget-hd {
    padding: 11px 57px 11px 22px;   /* Room for close button. */
    min-height: 17px;               /* For the close button */
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    font-weight: bold;
    color: white;
    background-color: #555658;
	background: -moz-linear-gradient(
		0% 100% 90deg,
		#343536 0%,
		#555658 96%,
		#3E3F41 100%
	);
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(#343536),
        color-stop(0.96, #555658),
        to(#3E3F41)
    );
}
.yui3-skin-night .yui3-panel .yui3-widget-hd .yui3-widget-buttons {
    padding: 11px;
}
.yui3-skin-night .yui3-panel .yui3-widget-bd {
    padding: 11px 22px 17px;
}
.yui3-skin-night .yui3-panel .yui3-widget-ft {
    background-color: #575858;
    border-top: 1px solid #494A4A;
    padding: 6px 16px 8px;
    text-align: center;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}
.yui3-skin-night .yui3-panel .yui3-widget-ft .yui3-widget-buttons {
    bottom: 0;
    position: relative;
    right: auto;
    width: 100%;
    text-align: center;
    padding-bottom: 0;
    margin-left: -5px;
    margin-right: -5px;
}
.yui3-skin-night .yui3-panel .yui3-widget-ft .yui3-button {
    margin: 5px;
}

/*
Support for icon-based [x] "close" button in the header.

Nicolas Gallagher: "CSS image replacement with pseudo-elements (NIR)"
http://nicolasgallagher.com/css-image-replacement-with-pseudo-elements/
*/
.yui3-skin-night .yui3-panel .yui3-widget-hd .yui3-button-close {
    /* Reset base button styles */
    background: transparent;
    filter: none;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    /* Structure */
    width: 22px;
    height: 17px;
    padding: 0;
    overflow: hidden;
    vertical-align: top;
}
.yui3-skin-night .yui3-panel .yui3-widget-hd .yui3-button-close:hover {
    background-color: #333;
}
.yui3-skin-night .yui3-panel .yui3-widget-hd .yui3-button-close:before {
    /*
    Displays the [x] icon in place of the "Close" text.
    Note: The `width` of this pseudo element is the same as its "host" element.
    */
    content: url(sprite_icons.png);
    display: inline-block;
    text-align: center;
    font-size: 0;
    line-height: 0;
    width: 22px;
    margin: 3px 0 0 1px;
}
.yui3-skin-night .yui3-panel-hidden .yui3-widget-hd .yui3-button-close {
    /* Required for IE > 7 to deal with pseudo :before element */
    display: none;
}
