/* 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:-390px;
	top:50px;
	margin:0 0 0 50%;
	width:780px;
}
#greyBox .top, #greyBox .bottom{
	float:left;
	height:3px;
	width:780px;
	font-size:0;
}
#greyBox .top{
	background:url(../medias/img/greybox/top.gif) no-repeat left top;
}
#greyBox .bottom{
	background:url(../medias/img/greybox/bottom.gif) no-repeat left top;
}
#greyBox .content{
	float:left;
	width:750px;
	padding:0 12px 44px 12px;
	min-height:320px;
	border-right:3px solid #2c2c2c;
	border-left:3px solid #2c2c2c;
	background:#000000 url(../medias/img/greybox/content_bg.jpg) repeat-x left center;
}
#greyBox .close{
	position:absolute;
	right:12px;top:35px;
	cursor:pointer;
	color:#b4b4b4;
	font-size:9px;
	text-transform:uppercase;
}
#greyBox .close img{vertical-align:middle;}
#greyBox .close:hover{color:#ffffff;}

#greyBox .news{
	padding:12px 0 0 0;
}

#greyBox .title{
	color:#ffffff;
	padding:24px 0 13px 0;
	font:italic bold 18px/normal Arial, Verdana, sans;
	text-transform:uppercase;
	background:url(../medias/img/greybox/title_border.gif) repeat-x left bottom;
}

#greyBox .content li
{
	margin: 3px 0 3px 15px;
}

#greyBox .content p
{
	margin: 8px 0 8px 0;
}

#greyBox .content a
{
	color:#F00;
}