/*--------------------------------------------------

	Project: Eggo Waffles
	CSS By: Arc Worldwide
	
	---
	
	Table of Contents
	
	1.) Modal Base
	
	---
	
	This stylesheet provides all the styles for
	the modals used on the eggo waffles site.

--------------------------------------------------*/

/*----- 1.) Modal Base -----*/

div.ui-widget-overlay {
    background: #000;
    filter: alpha(opacity = 80);
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
}

div.ui-dialog { overflow: visible !important; }

div#global-modal, div#global-modal-video, div#global-modal-nutrition, div#global-modal-share, div#global-modal-thankyou {
    background: url(/_res/i/modals/global-modal-background.png) repeat;
    padding: 20px;
    position: relative;
    display: none;
}

a#close-modal-btn, a#close-video-modal-btn, a#close-nutrition-modal-btn, a#close-share-modal-btn, a#close-thankyou-modal-btn{
    background: url(/_res/i/buttons/global-modal-close-btn.png) no-repeat;
    display: block;
    height: 32px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 32px;
}

div#modal-content {
    background: #FFF;
    min-height: 200px;
    min-width: 200px;
}