VSEpodrad.ru

#button_green {  
background: transparent url(/images/button.png) no-repeat;  
border:1px solid #1e8d23;  
-webkit-border-radius: 4px;  
-moz-border-radius: 4px;  
border-radius: 4px;  
box-shadow: 0px 0px 1px white inset;  
cursor: pointer;  
padding:6px;  
text-align:center;  
font-weight: bold;  
float:right;  
color:#ffffff;  
text-shadow: 0px 1px 0px #1e8d23;  
height: 13px;  
}  
#button_green:hover {  
background: transparent url(/images/button_hover.png) no-repeat;  
border:1px solid #1e8d23;  
-webkit-border-radius: 4px;  
-moz-border-radius: 4px;  
border-radius: 4px;  
box-shadow: 0px 0px 1px white inset;  
cursor: pointer;  
padding:6px;  
text-align:center;  
font-weight: bold;  
float:right;  
color:#ffffff;  
text-shadow: 0px 1px 0px #1e8d23;  
height: 13px;  
}  
.BackAjax {position:fixed; top:35%; left:0;; width:100%;}  
.WrapAjax {color:#000; text-align:left; border:1px solid #fff; background:#fff; width: 460px; margin:0px auto 0px auto; -moz-box-shadow: 0px 0px 3px #888;-webkit-box-shadow: 0px 0px 3px #888;box-shadow: 0px 0px 3px #888; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}  
#ajax_title {  
background: transparent url(/images/ajax_title.png) no-repeat;  
border:1px solid #1e8d23;  
border-top-left-radius: 3px;  
border-top-right-radius: 3px;  
box-shadow: 0px 0px 1px white inset;  
margin:-1px;  
padding:6px;  
text-align:left;  
font-weight: bold;  
color:#ffffff;  
text-shadow: 0px 1px 0px #1e8d23;  
height: 13px;  
}  
#ajax_close {  
float:right;  
opacity: 0.5;  
margin-top:-19px;  
cursor:pointer;  
margin-right:6px  
}  
#ajax_close:hover {  
float:right;  
opacity: 1.0;  
margin-top:-19px;  
cursor:pointer;  
margin-right:6px  
}  
#ajax_contect {  
padding:6px;  
}  
#ajax_bottom {  
padding: 5px;  
margin:-1px;  
background-color: #F2F2F2;  
border-top: 1px solid #dde8da;  
border-bottom-right-radius: 3px;  
border-bottom-left-radius: 3px;  
height: 27px;  
}

<div class="BackAjax" id="ajax1" style="display:none;"><div class="WrapAjax">  
<div id="ajax_title">Название окна</div>  
<img src="/images/ajax_close.png" onclick="$('#ajax1').fadeOut();" id="ajax_close">  
<div id="ajax_contect">Содержимое</div>  
<div id="ajax_bottom"><div id="button_green">Кнопка</div></div>  
</div></div>

<a href="javascript://" onclick="$('#ajax1').fadeIn();">Открыть окно</a>