.overlay-bg
{
	background: #000;
	opacity: 0.8;
	filter: Alpha(Opacity=60);
    z-index: 1009;
    position: absolute;
    left: 0;
    top: 0;
}

.modal-border
{	   	
   	position:absolute;
    text-align: left;
    background: none repeat scroll 0 0 #ccc;
   	padding: 5px;
   	z-index: 1010;
   	display:none;
   	width: auto;
   	
   	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}

.modal
{
	position: relative;
	background: #FFF;
	border: 1px solid #CCC;
    z-index: 1001;
    
    -webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}

.modal div.content
{
	padding: 20px 20px;
}

.modal div.action
{
	height: 46px;
	width: 100%;
	background: #F8F8F8;
	border-top: 1px solid #CCC;
	text-align: left;
}


/* Das Padding wird im JS angepasst, weil Anchor und Buttons unterschiedliche größen einnehmen.*/
.modal div.action div
{
	padding: 8px;
}

.modal div.action i
{
	font-size: 16px;
}

.modal div.content a.close
{
	position:absolute;
	right: 14px;
	top: 11px;
	z-index: 1001;
	color: #666;
	font-size: 14px;
	text-decoration: none;
	
	-webkit-transition: color 0.3s linear;
	   -moz-transition: color 0.3s linear;
		-ms-transition: color 0.3s linear;
		 -o-transition: color 0.3s linear;
			transition: color 0.3s linear;
}

.modal div.content a.close:hover
{
	color: #c30808;
}