@charset "UTF-8";

* {
	margin:0;
	padding:0;
}

img {
	display: block;
	border: 0;
	behavior: url(/css/iepngfix.htc);
}

body {
	font: 17px Helvetica, Verdana, Arial, sans-serif;
	background: #D5D5D5;
	margin: 0;
	padding: 20px 0;
	text-align: center;
	color: #B71A8B;
}

a {
	font-weight: bold;
	text-decoration: none;
	color: #B71A8B;
}

#containerOutter {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#masthead {
	width: 800px;
	height: 130px;
	background: url(../images/masthead.jpg) top left no-repeat #D5D5D5;
}
	
	#masthead h1, #masthead h2 {
		display: none;
	}

#container {
	border: 1px solid #B3B3B3;
	background: url(../images/h1_bg.jpg) top left no-repeat #FFF;
}
	
	#container #header {
		text-align: center;
	}
	
	.int #container #header h1 {
		width: 310px;
		height: 264px;
		float: left;
	}
		
		#thanks #container #header h1.romance {
			display: none;
		}
		
		#thanks #container #header h1.intrigue {
			display: none;
		}
		
		#thanks #container #header h1.bliss {
			display: none;
		}
		
		.int #container #header h1 img {
			width: 310px;
			height: 264px;
		}
	
	#container div.content {
		padding: 20px 45px 0; /* div.clear adds 45px padding to bottom */
	}
	
	.int #container div.content {
		padding: 0 45px 0; /* div.clear adds 45px padding to bottom */
	}
		
		#container div.content p {
			line-height: 27px;
			margin-bottom: 20px;
		}
		
		#container div.roundbox {
			margin-bottom: 15px;
			background: url(../images/roundbox_top.gif) top left no-repeat;
			position: relative;
		}
			
			#container div.roundbox div.content {
				padding: 15px 15px 0;
			}
				
				#container div.roundbox div.content dl {
					font-size: 20px;
				}
					
					#container div.roundbox div.content dt {
						height: 30px;
					}
					
					#container div.roundbox div.content dd {
						margin: 0 0 0 27px;
						height: 32px;
					}
					
					#container div.roundbox div.content dd a {
						text-decoration: none;
						color: #B71A8B;
						font-weight: normal;
					}
					
					#container div.roundbox div.content dd img.radio {
						width: 28px;
						height: 32px;
						margin: 0 10px -8px 0;
						display: inline;
					}
					
					#container div.roundbox div.content dt span.number {
						font-size: 23px;
						font-weight: bold;
					}
					
					#container div.roundbox div.content #thanks {
						font-size: 23px;
						font-weight: bold;
						padding: 45px;
						text-align: center;
					}
			
			#container div.roundbox div.bottom {
				height: 15px;
				background: url(../images/roundbox_bottom.gif) top left no-repeat;
				clear: both;
			}
		
		.int #container div.roundboxsmall {
			float: left;
			width: 443px;
			margin-top: 45px;
		}
			
			.int #container div.roundboxsmall div.content {
				padding: 20px 15px 0;
				text-align: left;
				background: url(../images/roundbox_small_top.gif) top left no-repeat;
			}
				
				#thanks div.roundboxsmall div.romance, 
				#thanks div.roundboxsmall div.intrigue, 
				#thanks div.roundboxsmall div.bliss,
				#thanks div.roundboxsmall div.bottom {
					display: none;
				}
			
			.romance, select.romance option {
				color: #F390B0;
			}
			
			.intrigue, select.intrigue option {
				color: #7D4199;
			}
			
			.bliss, select.bliss option {
				color: #E37959;
			}
			
			.int #container div.roundboxsmall div.content p {
				margin: 0;
				font-size: 19px;
			}
			
			.int #container div.roundboxsmall div.content p.last {
				margin: 0;
				font-size: 16px;
				font-weight: bold;
				margin-top: 15px;
			}
			
			.int #container div.roundboxsmall div.bottom {
				height: 15px;
				background: url(../images/roundbox_small_bottom.gif) top left no-repeat;
			}
		
		.index #container div.submit {
			width: 359px;
			margin: 10px 0 0;
			float: left;
		}
			
			.index #container div.submit p {
				margin: 0;
			}
			
			.index #container div.submit p.indent {
				margin: 0 0 10px 15px;
				line-height: 22px;
			}
		
		.int #container div.submit {
			width: 462px;
			margin: 10px 0 0;
			float: left;
		}
			
			.int #container div.submit p {
				margin: 0;
			}
			
			.int #container div.submit p.indent {
				margin: 0 0 10px 15px;
				line-height: 22px;
			}
		
		#container img.logo {
			margin: 10px 0 0 45px;
			float: right;
		}
		
		#container div.clear45 {
			clear: both;
			height: 45px;
		}
		
		#container div.clear20 {
			clear: both;
			height: 20px;
		}
			
#token {
	width: 126px;
	height: 126px;
	position: absolute;
	left: 726px;
	top: 79px;
}
				
	#thanks #romance_token,
	#thanks #intrigue_token,
	#thanks #bliss_token {
		width: 126px;
		height: 126px;
		position: absolute;
		left: 726px;
		top: 79px;
		display: none;
	}
			
#footer {
	width: 800px;
	height: 69px;
	background: url(../images/footer.jpg) top left no-repeat #D5D5D5;
}
			
#rules {
	padding: 45px;
	background: #FFF;
	font-size: 10px;
	text-align: left;
}
	
	#rules p {
		margin: 0 0 10px;
		line-height: 15px;
	}
	
	#rules a {
		font-weight: bold;
		color: #B71A8B;
	}