/* the overlayed element */
.apple_overlay {

	/* initially overlay is hidden */
	display:none;

	/* growing background image */
	background-image:url(img/white.png);

	/*
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;

	/* some padding to layout nested elements nicely  */
	padding:35px;

}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(img/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* the overlayed element */
	#overlay {
		background-image:url(img/transparent.png);
		color:#efefef;
		height:450px;
	}

	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {
		height:441px;
		overflow-y:auto;
	}


.simple_overlay {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;

	/* styling */
	background-color:#858585;

	width:675px;
	min-height:200px;
	border:1px solid #666;

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* styling for elements inside overlay */
	.details {
		position:absolute;
		top:15px;
		right:15px;
		font-size:11px;
		color:#ccc;
		width:150px;
	}

	.details p{
		padding:30px 0 0 0;
	}

	.details h3 {
		color:#000;
		font-size:15px;
		margin:0 0 -10px 0;
	}




/*
.in_footer a, .in_footer a:visited, .in_footer a:hover, .in_footer a:active{
	text-decoration:none;
	color:#000;
}
*/

.tooltip {
	background-color:#63181F;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:15px;
	font-weight: 400;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

#flight, .active, #calroot {
	-moz-border-radius:4px;
}

#flight {
	font-family:sans-serif;
	background:#333 url(img/h80.png);
	height:56px;
	padding:12px 0 12px 30px;
	color:#ddd;
	font-size:11px;
	width:520px;
	margin:0 auto;
	-moz-box-shadow:0 0 10px #666;
	-webkit-box-shadow:0 0 10px #666;
}

#flight label {
	float:left;
	width:215px;
	display:block;
	padding:6px;
	border:1px solid transparent;
	margin-right:30px;
}

#flight .active {
	background-color:#fff;
	color:#333;
	border:1px solid #ccc;
	border-bottom:0;
}

.active input {
	color:#333;
	text-shadow:none;
}

/* date input */
.date {
	float:left;
	display:block;
	width:180px;
	cursor:pointer;
}

/* date input trigger element */
.caltrigger {
	display:block;
	height:32px;
	float:left;
	margin-top:-8px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.active .caltrigger {
	background-position: 0 -32px;
}

/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */

/* calendar root element */
#calroot {
	/* place on top of other elements. set a higher value if nessessary */
	z-index:10000;

	font-family:sans-serif;
	background-color:#fff;
	border:1px solid #ccc;
	border-width:1px 1px 1px;
    padding: 5px;
	padding-top:10px;
	display:none;
	margin:0 0 0 0;
    border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {
	padding:2px 0;
	height:22px;
}

#caltitle {
	font-size:14px;
	color:#0150D1;
	float:left;
	text-align:center;
	width:160px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url(img/prev.gif) no-repeat scroll center center;
	float:left;
	cursor:pointer;
	margin-left:9px;
}

#calnext {
	background-image:url(img/next.gif);
	float:right;
	margin-right:9px;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;
}

/* year/month selector */
#caltitle select {
	font-size:10px;
}

/* names of the days */
#caldays {
	height:14px;
	border-bottom:1px solid #ddd;
}

#caldays span {
	display:block;
	float:left;
	width:32px;
	text-align:center;
	font-size:11px;
}

/* container for weeks */
#calweeks {
	background-color:#fff;
	margin-top:4px;
}

/* single week */
.calweek {
	clear:left;
	height:22px;
}

/* single day */
.calweek a {
	display:block;
	float:left;
	width:31px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

/* different states */
.calweek a:hover, .calfocus {
	background-color:#ddd;
}

/* sunday */
a.calsun {
	color:red;
}

/* offmonth day */
a.caloff {
	color:#ccc;
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);
}


/* unselecteble day */
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}


/* current date */
#calcurrent {
	background-color:#498CE2;
	color:#fff;
}

/* today */
#caltoday {
	background-color:#999;
	color:#fff;
}