#ModalContainer
	{
		position:fixed;
		width:100%;
		height:100%;
		z-index:1000;
		
		display:none;
	}
	
#ModalContainer .Transparence
	{
		background-color:#000000;  
		opacity:0.6;
		width:100%;  
		height:100%;  
		position:fixed;  
		top:0px;  
		left:0px;  
		z-index:-1;  
	}
	
	
#ModalBox{
position: fixed;
  top: 50%;
  left: 50%;
  width: 340px;
  height: 300px;
  margin-left: -170px;
  margin-top: -150px;	
}	

#ModalBoxWide{
position: fixed;
  top: 50%;
  left: 50%;
  width: 900px;
  height: 500px;
  margin-left: -450px;
  margin-top: -250px;	
}
.ModalButton{
  position: absolute;
  top: 5px;
  right: 3px;
  width: 35px;
  height: 30px;
  
  cursor: pointer;
  border: 0;
}	
	
.ModalBtn{
	padding: 10px;
    border: 1px solid transparent;
	border-radius: 4px;
}
	
.ModalBtn-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
}

.ModalBtn-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #31708f;
}

.ModalBtn-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
}

.ModalBtn-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}