/* 
	The style of dialog (SimpleModal)
	by Tsuen "Chris" Siu
*/

/*************************************************/
/* for the message box */
/*************************************************/
.dialog_header {
	font-weight:bold;
	font-size:16px;
	font-family: serif, Monaco, Courier;
}
.message {
	padding:8px;
	text-align:left;
	font-size:12px;
	font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
}

.buttons {
	padding:10px 0px;
}

.buttons .btn {
	float:right;
	width:75px;
	margin:10px 0px 5px 10px;  
}

#modalOverlay {
	background-color:#000; 
	cursor:wait;
}

#modalContainer {
	left:50%; 
	top:15%;  
	!top:15%; 
	/* ie 6 hack */
	/* it is added so that the dialog with not move to the top of the page if the page is very long... */
	_top:expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(15 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');	
	margin-left:-250px;
}

#modalContainer a.modalCloseImg {
	background:url('../images/gui/x.png') no-repeat;  
	width:30px;
	height:30px;
	display:inline; 
	z-index:3200; 
	position:absolute; 
	top:16px;
	right:15px;
	/* ie 6 hack */
	_right:30px;
	cursor:pointer;
}

/*************************************************/
/* for the comment form */
/*************************************************/
#formModalContent {
	background-image: url('../images/background/iyf_from_bg.png');	
	background-repeat: no-repeat;	
	width:544px;
	height:421px;
}

#formModalContent .form_container{
	padding:10px 10px; 
}