/* CSS Document */

#overlay{
	display:none;
	z-index:40;
	position:fixed;
	left:0;top:0;
	width:100%;
	height:100%;
	background:black;
}

/*----Greybox structure----*/

#greyBox{
	display:none;
	z-index:41;
	position:absolute;
	left:-384px;
	top:50px;
	margin:0 0 0 50%;
	width:1024px;
}
#greyBox .top, #greyBox .bottom{
	float:left;
	height:18px;
	width:1024px;
	font-size:0;
}
#greyBox .top{
	background:url(../medias/img/greybox/top.png) no-repeat left top;
}
#greyBox .bottom{
	bottom:-18px;
	background:url(../medias/img/greybox/bottom.png) no-repeat left top;
}
#greyBox .content{
	float:left;
	width:1024px;
	min-height:576px;
	padding:4px 22px;
	background:url(../medias/img/greybox/main.png) repeat-y left top;
}

#greyBox .close{
	cursor:pointer;
	position:absolute;
	right:29px;top:29px;
}
#greyBox .close img{display:block;}

#greyBoxLoader{
	float:left;
	width:1024px;
	min-height:576px;
	background:url(../medias/img/ajax-loader.gif) no-repeat center center;
}