How to define a custom header in FancyBox 2
I just upgraded from Fancybox 1.3.1 to Fancybox 2.0.6. I had created a custom header for the fancybox iframes which did not show up when migrating to fancybox 2 due to the removal of the fancybox-outer element. For those wanting to upgrade here is what I had to do.

jquery.fancybox.1.3.1.css
    
    #fancybox-outer {
	    position: relative;
	    width: 100%;
	    height: 100%;
	    background: url(overlay-head.png) top left no-repeat #fff;
    }

jquery.fancybox.css?v=2.0.6

    .fancybox-skin {
        position: relative;
        padding: 0;
        margin: 0;
	/*background: #f9f9f9;*/
        background: url(overlay-head.png) top left no-repeat #fff;
        color: #444;
        text-shadow: none;
        -webkit-border-radius: 4px;
           -moz-border-radius: 4px;
                border-radius: 4px;
     }

Hope this helps somebody else.
How to define a custom header in FancyBox 2
===

I just upgraded from Fancybox 1.3.1 to Fancybox 2.0.6. I had created a custom header for the fancybox iframes which did not show up when migrating to fancybox 2 due to the removal of the fancybox-outer element. For those wanting to upgrade here is what I had to do.

jquery.fancybox.1.3.1.css
    
    #fancybox-outer {
	    position: relative;
	    width: 100%;
	    height: 100%;
	    background: url(overlay-head.png) top left no-repeat #fff;
    }

jquery.fancybox.css?v=2.0.6

    .fancybox-skin {
        position: relative;
        padding: 0;
        margin: 0;
	/*background: #f9f9f9;*/
        background: url(overlay-head.png) top left no-repeat #fff;
        color: #444;
        text-shadow: none;
        -webkit-border-radius: 4px;
           -moz-border-radius: 4px;
                border-radius: 4px;
     }

Hope this helps somebody else.