/*######## START Global styles for Overlays #################*/

.close {
	background:url(../img/close.png) 0 0 no-repeat;
	position:absolute;
	right:-25px;
	top:-25px;
	cursor:pointer;
	height:35px;
	width:35px;
	padding:0;
	margin:0;
	
}

button.close {
	position:relative;
	top:5px;
	cursor:pointer;
	height:25px;
	width:55px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	background:none;
	background-color:#48b;
	border:2px grooved #555;
}

/*######## END Global styles for Overlays #################*/

/*######## START  overlays (itin/hosts/faqs) #################*/

#itinerary, #hosts, #faqs , #aboutShip, #video, #booking {

		/* overlay is hidden before loading */
		display:none;
		z-index:300;

		/* standard decorations */
		width:700px;
		border:10px solid #555;

		/* for modern browsers use semi-transparent color on the border. nice! */
		border:10px solid rgba(82, 82, 82, 0.698);

		/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
	}

	#itinerary div, #hosts div, #faqs div , #aboutShip div , #video div, #booking div {
		padding:10px;
		background-color:#fff;
		font-family:arial, helvetica, sans-serif;
	}

/*######## AGENT MATE FORM ########## */

#bookingAM {

		/* overlay is hidden before loading */
		display:none;
		z-index:300;

		/* standard decorations */
		width:900px;
		height:550px;
		border:10px solid #222;

		/* for modern browsers use semi-transparent color on the border. nice! */
		border:10px solid rgba(0,0,0, 0.4);

	}

#bookingAM div.content {
		height:530px;
		overflow-y:scroll;
		padding:10px;
		background-color:#fff;
		font-family:arial, helvetica, sans-serif;
	}

/*######## AGENT MATE FORM END ########## */

/*######## Disney FAQs ########## */

#DISFAQ {

		/* overlay is hidden before loading */
		display:none;
		z-index:300;

		/* standard decorations */
		width:1000px;
		border:10px solid #555;

		/* for modern browsers use semi-transparent color on the border. nice! */
		border:10px solid rgba(82, 82, 82, 0.698);

		/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
	}

#DISFAQ div {
		padding:10px;
		background-color:#fff;
		font-family:arial, helvetica, sans-serif;
	}

/*######## Disney FAQs END ########## */

	
div.contentWrap h1 {
position:relative;
font-family:'Covered By Your Grace';
font-size:34px;
font-weight:400;
color:#0645a3;
margin:20px 15px 10px 0px;
padding:0;
}

div.contentWrap h2 {
position:relative;
font-family:'Covered By Your Grace';
font-size:30px;
font-weight:400;
color:#0645a3;
margin:20px 15px 10px 0px;
padding:0;
}

div.contentWrap h3 {
position:relative;
font-family:'Covered By Your Grace';
font-size:25px;
font-weight:400;
color:#0645a3;
margin:20px 15px 10px 0px;
padding:0;
}

div.contentWrap h4 {color:#1D1F53;font-size:16px; line-height:120%; margin: 0 0 10px 0;	}

div.contentWrap p {font-size:14px; margin:10px; }
	
/* container for external content. uses vertical scrollbar, if needed */
#itinerary div.contentWrap, #hosts div.contentWrap, #faqs div.contentWrap, #booking div.contentWrap {
		height:600px;
		overflow-y:scroll;
		padding:30px;
		z-index:200;
	}

/*######## END  overlays (itin/hosts/faqs) #################*/