#screen {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background-image:url(/images/screen.png);
	z-index:699;
}

#modal {
	width:400px;
	display:none;
	position:absolute;
	z-index:700;
}

#modal .top {
	
	overflow:auto;
	clear:both;
}

#modal .top .tl {
	float:left;
}

#modal .top .tm {
	float:left;
	width:340px;
	height:40px;
	background-image:url(/images/modal/top.png);
	background-repeat:repeat-x;
}

#modal .top .tr {
	float:right;
	cursor:pointer;
}

#modal .middle {
	/*
	width:340px;
	*/
	border-collapse:collapse;
}

#modal .middle td {
	padding:0px;
}

#modal .middle .l {
	width:20px;
	background-image:url(/images/modal/left.png);
	background-repeat:repeat-y;
}

#modal .middle .r {
	width:20px;
	background-image:url(/images/modal/right.png);
	background-repeat:repeat-y;
}

#modal_content {
	padding:0px 5px 10px 5px;
	background-color:#fff;
}

#modal .bottom {
	
	overflow:auto;
	clear:both;
}

#modal .bottom .bl {
	float:left;
}

#modal .bottom .bm {
	float:left;
	width:356px;
	height:21px;
	background-image:url(/images/modal/bottom.png);
	background-repeat:repeat-x;
}

#modal .bottom .br {
	float:right;
}

/* Text Styles */

#modal ul {
	list-style:none;
	margin:5px 0px 20px 0px;
}

#modal ul li {
	background:url(/images/bullet_orange.png) no-repeat 0px 4px;
	padding:0px 0px 0px 15px;
	margin:0px 0px 3px 0px;
}

#modal h2 {
	margin:0px 0px 5px 0px;
	color:#4ca7bb;
	font-size:18px;
}

#modal p {
	margin:0px 0px 10px 0px;
}