#modalWrapper {
	background: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9999999;
}
	#modal {
		background: #f5f5f5;
		border: 4px solid #000;
		color: #000;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		margin: 100px auto 0;
		position: relative;
		width: 360px;
	}
		#modalContent {
			height: 205px;
			overflow: auto;
			padding: 10px;
			border: 1px solid #000;
			margin-left: 10px;
			margin-right: 10px;
			background: #fff;
			color:#444444;
		}	
			#modal #terms_pagewrap, 
			#modal #faq_pagewrap, 
			#modal #privacy_pagewrap {
				width: 500px;
			}
			
			#modal h1 {
				font-size: 16px;
				font-weight:bold;
				color:#000;
				margin:6px;
			}
#modal p {
	font-size: 12px;
	margin: 6px;
}
#modal ul {
	list-style: disc inside none; padding-left: 20px
}


		#modal a {
			color: #ff0000;
			text-decoration: none;
			font-weight:bold;
		}
			#modal a:hover {
				color: #f00;
				text-decoration: underline;
			}
			
			
		
		#closeBox {
			background: #f5f5f5;	
			border-bottom: 1px solid #ccc;
			text-align: right;
			padding: 5px 20px 5px 0;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
		}
		
		#logoBox {
			background: #f5f5f5;	
			text-align: center;
			padding: 5px 20px 5px 0;
		}
		
		#logo {
			background-image:url(../images/plogo.gif);
			background-repeat:no-repeat;
			margin-left:auto;
			margin-right:auto;
			width:250px;
			height:80px;
		}		

#xCloseModal {
	background: url(../images/xClose.gif) no-repeat;
	height: 31px;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 31px;
}
	#xCloseModal:hover {
		background-position: 0 -31px;	
	}
	
.hide {
	display: none;
}