/***
 *
 *	Just Ask Overlay
 *	-----------------------
 *	The overlayed element
 *
 */
#justask
{
	/***
	 *	Must be initially hidden
	 */
	display: none;

	/***
	 *	Place overlay on top of other elements
	 */
	z-index: 300;
}


.just-ask
{
	/***
	 *	Styling
	 */
	background-color: #002f43;
	border: 1px solid #666;
	color: #ffffff;
	font-size: 16px;
	max-width: 600px;
	min-height: 200px;
	padding: 20px;
	position: relative;

	text-align: left;

	/***
	 *	CSS3 box-shadow styling
	 */
	box-shadow: 0 0 90px 5px #666;
	-moz-box-shadow: 0 0 90px 5px #666;
	-webkit-box-shadow: 0 0 90px #666;
}


/***
 *
 *	Close button (positioned on upper right corner)
 *
 */
.just-ask span.close
{
	background-image: url(../assets/images/overlay-close.png);
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	height: 35px;
	width: 35px;
	z-index: 100;
}


/***
 *
 *	Just Ask Logo
 *
 */
img.ja-logo { display: inline-block; float: right; margin: 0 -20px 5px 5px; }


/***
 *
 *	Styling for elements inside overlay
 *
 */
	.just-ask h1, .just-ask h2 { font-size: x-large; margin: 0 20px 20px 0; }
	.just-ask p
	{
		display: inline-block;
		font-weight: normal;
		margin: 10px 0 20px 0;
	}

@media screen and (max-width: 980px) {
	#justask { margin: 0 auto; }
	.just-ask h2 { font-size: x-large; margin: 0 20px 20px 0; }
}