div.modal-page
{
    position: absolute;
    width: 99.8%;
    top: 0px;
    left: 0px; 
    text-align: left;
    clear:both;
    z-index:300;
}

div.modal-page.close
{
    display:none;
}

div.modal-bg
{
    filter: Alpha(Opacity=70); -moz-opacity:0.7; opacity: 0.7;
    width: 100%; 
    height: 100%; 
    background-color: #999999;
    position: absolute;
    top: 0px; 
    left: 0px;
   text-align:center;
}

/*----------------------------------*/
div.modal-box
{
	clear:both;
    position: absolute;
    width: 550px;
    display:block;
    z-index: 300;
    background-color:White;
}

div.modal
{
    background-color: red;
    position: absolute;
    top: 0px;
    left: 0px;
    display:inline-block;
    width:100%;
    height: 300px;
    padding: 0px;
}

div.modal-top
{
    width:98%;
    background-color: #f1f1f1;
    height:20px;
    margin: 4px;
    color: #ffffff;
    font-size:100%;
    font-weight:bold;
    
}

div.modal-top ul 
{
	
	clear:both;
	display:block;
	padding-left:auto;
	padding-right:auto;
	width:99%;
	
}

div.modal-top ul li 
{
	
	width:32%;
	float:left;
	border:1px solid transparent;
}


div.modal-body
{
	clear:both;
	background-color:white;
	display:block;
    width:100%;
}

div.gallery-image 
{
	width:100%;
	
}

div.gallery-image div.image
{
	width:100%;
	margin: 0px auto;
	text-align:center!important;
}

div.gallery-image div.image img
{
	margin: 0px auto;
}

div.gallery-image div.text
{
	padding:10px;
}

div.gallery-image img 
{

}