/*	

	------------------------------------------------------------------------
	Layer
	------------------------------------------------------------------------
	Ridepot
	Typ:            Interface file
	For: 	        All browsers
	
*/

/*	=layer
---------------------------------------------------------------------------- */

#overlay{
	position:fixed;
	top: 0em;
   	left: 0em;
   	width: 100%;
   	height: 100%;
	z-index:100;
}
#overlay .horizontal-center{
   	width: 100%;
   	height: 100%;
	display: table;
}
#overlay .horizontal-center .vertical-center{
	display: table-cell;
	vertical-align: middle;
}
.layer{
	margin: auto;
	width: 40%;
	min-width: 40%;
	padding: 23px;
	position: relative;
}
.layer .content{
	padding: 10px 30px 20px 30px;
	background-color:#fff;
	position:relative;
	font-size:12px;
	z-index: 200;
	text-align:left;
}
.layer .close{
	position:absolute;
	right:35px;
	top:35px;
	z-index: 210;
	background:url(layer/close.jpg) no-repeat;
	text-indent:-1000em;
	display:block;
	height:20px;
	width:20px;
}
.layer .content p{
	margin:15px 0px 15px 0px;
}
.layer .left,
.layer .right,
.layer .center {
	position: absolute;	
}
.layer .shadow-top .left,
.layer .shadow-top .right,
.layer .shadow-bottom .left,
.layer .shadow-bottom .right {
	width: 45px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.layer .shadow-top .center,
.layer .shadow-bottom .center{
	height: 23px;
	right: 45px;
	left: 45px;
	background-repeat: repeat-x;
}
.layer .shadow-middle div{
	width: 23px;
	bottom: 45px;
	top: 45px;
	background-repeat: repeat-y;	
}
.layer .shadow-top div { top: 0px; }
.layer .shadow-bottom div { bottom: 0px; }
.layer .left { left: 0px; }
.layer .right { right: 0px; }
.layer .shadow-top .left { background-image: url(layer/tl.png); }
.layer .shadow-top .right { background-image: url(layer/tr.png); }
.layer .shadow-bottom .left { background-image: url(layer/bl.png); }
.layer .shadow-bottom .right { background-image: url(layer/br.png); }
.layer .shadow-top .center { background-image: url(layer/t.png); }
.layer .shadow-bottom .center { background-image: url(layer/b.png); }
.layer .shadow-middle .left { background-image: url(layer/l.png); }
.layer .shadow-middle .right { background-image: url(layer/r.png); }