/*
***********************
* Ronnigen Design
* Copyright: 2012
*
* Make merry and modals.
*/

/*
***********************
*/

#modalContainer {
	position:fixed;
	z-index:10;
	overflow:hidden;
	background-color: transparent;
	}

	#modalInnerContainer {
		position:absolute;
		z-index: 1;
		background:transparent url(http://files.campwk.com/img/modalBg.png) left 63px no-repeat;
		min-height:0;
		min-width:500px;
		margin:0 auto;
		overflow: hidden;
		}

	#modalInnerContainer iframe {
		width:100%;
		position: absolute;
		top:0;
		left: 0;
		height:590px;
		margin: 0;
		background-color: transparent;	
		overflow-x: hidden;
		}

	#modalInnerContainer.notLoading {}
		#modalInnerContainer.loading iframe {display:none !important}
	#modalInnerContainer #loading {
		position: relative;
		display: none;
		margin: 0 auto;
		height: 100%;
		width: 100%;
		top:260px;
		}
		.ie1 #modalInnerContainer #loading,
		#ie9 #modalInnerContainer #loading {
			top:200px;
		}

		#modalInnerContainer #loading p {
			display: block;
			height: 80px;
			width: 99px;
			color:#004162;
			font-size:1.8em;
			text-align:center;
			background: #b2cee5;
			border-radius: 6px;
			padding:40px 7px 0 14px;
			margin: 19% auto 0 auto;
			font-family:'Billabong';
			letter-spacing: .035em;
			border-radius: 120px;
			}

#modalScreen {
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index:5;
	background-color: #336781;
	background-color: rgba(29,88,105,.8)
	}

#ie7 #modalScreen,
#ie8 #modalScreen {
	background: transparent url(http://files.campwk.com/img/modalScreen.png) left top repeat;
}


/* Navigation elements */

a.navButton {
	display:block;
	height:30px;
	line-height:30px;
	color:#fff;
	text-decoration:none;
	outline:0;
	font:1em/30px 'Bree W01 Normal';
	}
	a.navButton:hover {color:#A36F00;}
	a.navButton strong {}
	a.navButton span {display: none;}

#navNext {
	display:none;
	position:absolute;
	bottom:-30px;
	right:0;
	height:30px;
	width:250px;
	text-align: right;
	background:#f2cc55 url(http://files.campwk.com/img/previousNext.png) right bottom no-repeat;
	z-index: 1;
	}
		#navNext a {
			width: 142px;
			padding-right: 108px;
		}

#navPrev {
	display:none;
	position:absolute;
	bottom:-30px;
	left:0;
	height:30px;
	width:250px;
	background:#f2cc55 url(http://files.campwk.com/img/previousNext.png) left top no-repeat;
	z-index: 1;
	}
		#navPrev a {
			width: 142px;
			padding-left: 108px;
			}

#navClose {
	display: none;
	position:absolute;
	top:150px;
	right:0;
	z-index:-1;
	height:34px;
	width:34px;
	text-align:center;
	background: url(http://files.campwk.com/img/modal_close.png);
	text-indent: -999em;
	}
	#navClose:hover {background-position: 0 -34px;}
	#navClose a {
		width:34px;
		height:34px;
		}
		#navClose a span {
			background:none;
			display:none;
			}
		#navClose a strong {
			display:none;
			}

/* hi-rez grafix. yo. */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
	only screen and (min-device-pixel-ratio : 1.5),
	only screen and (min--moz-device-pixel-ratio : 1.5),
	only screen and (-o-min-device-pixel-ratio: 2/1) {

		#modalInnerContainer {
			background-image:url(http://files.campwk.com/img/modalBg@2x.png);
			background-size: 500px 780px;
		}

		#navClose {
			background-image: url(http://files.campwk.com/img/modal_close@2x.png);
			background-size: 34px 68px; 

	}