Модальное окно простое в светлой гамме цвета

<script type="text/javascript" src="http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/modalnoe_okno_golubogo_cveta.js"></script>  
<script>  

$(document).ready(function() {  

  //select all the a tag with name equal to modal  
  $('a[name=modal]').click(function(e) {  
  //Cancel the link behavior  
  e.preventDefault();  
  //Get the A tag  
  var id = $(this).attr('href');  
   
  //Get the screen height and width  
  var maskHeight = $(document).height();  
  var maskWidth = $(window).width();  
   
  //Set heigth and width to mask to fill up the whole screen  
  $('#mask').css({'width':maskWidth,'height':maskHeight});  
   
  //transition effect  
  $('#mask').fadeIn(1000);  
  $('#mask').fadeTo("slow",0.8);  
   
  //Get the window height and width  
  var winH = $(window).height();  
  var winW = $(window).width();  
   
  //Set the popup window to center  
  $(id).css('top', winH/2-$(id).height()/2);  
  $(id).css('left', winW/2-$(id).width()/2);  
   
  //transition effect  
  $(id).fadeIn(2000);  
   
  });  
   
  //if close button is clicked  
  $('.window .close').click(function (e) {  
  //Cancel the link behavior  
  e.preventDefault();  
  $('#mask, .window').hide();  
  });  
   
  //if mask is clicked  
  $('#mask').click(function () {  
  $(this).hide();  
  $('.window').hide();  
  });  
   
});  

</script>

#mask {position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none;}  
#boxes .window {position:absolute;left:0;top:0;width:540px;height:440px;display:none;z-index:9999;border-radius: 5px;}  
#boxes #dialog {width: 575px;height: 343px;padding-right:12px;padding-left:10px;padding-bottom:10px;background: #F1F8FF;}  
#boxes #dialog1 {width:375px; height:203px;}  
#dialog1 .d-header {background: #000000; no-repeat 0 0 transparent; width:375px; height:150px;}  
#dialog1 .d-header input {position:relative;top:60px;left:100px;border:3px solid #cccccc;height:22px;width:200px;font-size:15px;}