@charset "utf-8";

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

#framecontentLeft{
position: absolute; 
top: 0; 
left: 0; 
width: 210px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

#framecontentRight{
			   
position: absolute; 
top: 0; 
/* width: 210px; /*Width of left frame div*/
height: 100%;
overflow: scroll; /*Disable scrollbars. Set to "scroll" to enable*/

}

#framecontentTop, #framecontentBottom{
position: absolute;
top: 0; 
left: 210px; /*Set left value to WidthOfLeftFrameDiv*/
right: 215px; /*Set right value to WidthOfRightFrameDiv*/
width: auto;
height: 100px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

#framecontentBottom{
	display:none;
top: auto;
height: 100px; /*Height of bottom frame div*/
bottom: 0;
    top: auto;
    height: 10px;
    bottom: 0;
    z-index: 999999999999;
    background: #f000;
	background-image: url("../themes/advanced/imgs/prova-sfondo.jpg");
	border: 1px solid;
font-family: 'Metamorphous', cursive;
border-bottom-color: #C8AE54;
border-left-color: #FCF3CE;
border-right-color: #C8AE54;
border-top-color: #FCF3CE;
    width: 100%;
left: 0px;
}

#maincontent{
position: fixed; 
left: 270px; /*Set left value to WidthOfLeftFrameDiv*/
right: 215px; /*Set right value to WidthOfRightFrameDiv*/
overflow: auto; 
height:100%;}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 100px 215px 100px 210px; /*Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv HeightOfBottomFrameDiv WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #framecontentTop, * html #framecontentBottom{ /*IE6 hack*/
width: 100%;
}



<script type="text/javascript">
    function modalWindow(name, title, url, width, height) {
        // per width ed height imposto dei valori di default così non occorre specificarli in ogni occasione
        width = typeof width === 'undefined' ? 800 : width;
        height = typeof height === 'undefined' ? 600 : height;

        // verifichiamo se nel body non esiste il sorgente per la dialog
        if (top.$('#dialog-'+name).length == 0) {

            // in questo caso lo creiamo:
            top.$('body').append('<div id="dialog-' +name+ '" title="' +title+ '" style="padding:0;"><iframe src="' + url + '" frameborder="no" style="position:absolute;width:100%;height:100%;" scrolling="yes"></div>');

        } else {

            // se il sorgente invece esiste già assegnamo la nuova url all´iframe:
             top.$('#dialog-' +name).attr('title', title);
             top.$('#dialog-' +name+ ' iframe').attr('src', url);
        }

        // Ok, adesso siamo pronti per lanciare la modale!
       top.$('#dialog-' +name).dialog({width: width, height: height});
    }
</script>