/**
 * Style for "smartModalWindow" jQuery plugin
 *
 * @author     RaNa design associates, inc.
 * @copyright  2010 RaNa design associates, inc.
 * @license    http://www.opensource.org/licenses/mit-license.html  MIT License
 * @version    Release: 0.5.1
 * @link       http://kaelab.ranadesign.com/blog/demo/smartModalWindow/
 * @since      2010-10-27
 * @update     2010-11-01
 */

/**
 * overlay
 */
.modal_overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	background: #000;
	opacity: .8;
}
.modal_overlay_on { z-index: 999; }

/**
 * modal contents
 */
.modal_container {
	display: none;
	position: absolute;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	overflow: visible;
}
.modal_on {
	-webkit-animation-name: "slideinfrombottom";
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 1s;
}
.modal_off {
	-webkit-animation-name: "slideouttobottom";
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 1s;
}

/**
 * loading
 */
.loadingImg {
	position: absolute;
	z-index: 1002;
	margin-top: -12px;
	margin-left: -12px;
}


/**
 * Transitions from jQtouch (with small modifications): http://www.jqtouch.com/
 * Built by David Kaneda and maintained by Jonathan Stark.
 */
@-webkit-keyframes slideinfromright {
    from { -webkit-transform: translateX(100%); }
    to { -webkit-transform: translateX(0); }
}
@-webkit-keyframes slideouttoright {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(100%); }
}
@-webkit-keyframes slideinfromtop {
    from { -webkit-transform: translateY(-100%); }
    to { -webkit-transform: translateY(0); }
}
@-webkit-keyframes slideouttotop {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(-100%); }
}
@-webkit-keyframes slideinfrombottom {
    from { -webkit-transform: translateY(100%); }
    to { -webkit-transform: translateY(0); }
}
@-webkit-keyframes slideouttobottom {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(100%); }
}