/css/modal.css
Type: /type/rawtext
body: value: /*modal*/
#modal_content {
	display: none;
  position: fixed;
  left: 50%;
  padding: 0px 15px 15px 15px;
	top:10%;
  -webkit-box-shadow: 0px 0px 8px #111;
  background: #F9F8D0;
width: 400px;
	margin-left:-200px;
	text-align:center;
}
#modal_content small{font-size:77%;}
#modal_content div.modal_close{
	float:right;
	cursor:pointer;
	margin-left:8px;
	font-weight:bold;
}

.modal_close{
	float:right;
	cursor:pointer;
	margin-left:8px;
	font-weight:bold;
       clear: both;
}
#modal_content h3{font-size:116%;}
#modal_overlay { background-color: #000; }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.overlay {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html #modal_content {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
content_type: text/css