@charset "UTF-8";
/* CSS Document */

html, body {
	font-size:12px;
	font-family:Helvetica;
	background-color:#fbc4e1;
}

#frame {
	width:1200px;
	height:810px;
	margin:auto;
	padding:60px 0px 0px 0px;
	text-align:center;
	background:url(../images/back.jpg) no-repeat;
}

#innerframe {
	width:804px;
	height:610px;
	margin:auto;
	background:url(../images/inner_bg.jpg) no-repeat;
	padding:0;
}


#header {  
	height:282px;
	padding:10px 40px 0px 0px;
}

#header img {
	float:right; 
	padding:20px 0px 0px 0px;
}

#title {
	padding:0px 0px 20px 20px;	
	float:left;
	width:475px;
	text-align:left;
}

#title p.title {
	width:313px;
	height:0px;
	padding:89px 0px 0px 0px;
	overflow:hidden;
	background:url('../images/title.jpg') no-repeat;
}

#title p.subtitle {
	width:469px;
	height:0px;
	padding:42px 0px 0px 0px;
	overflow:hidden;
	background:url('../images/subtitle.jpg') no-repeat;
}

#title p { 
	margin:0;
	padding:10px 0px 5px 15px; 
	line-height:16px;
}

#innerframe img.left{
	float:left;
}

#innerframe img.right{
	float:left;
}
#innerframe img.bottom{
	float:left;
}

#textpanel{
	margin:0px 105px 0px 104px;	
	padding:10px 0px 0px 0px;
	text-align:left;
	background:url(../images/textpanel_top.jpg) top no-repeat;
	width:593px;
	height:253px;
}

#textpanel #display {
	background:url('../images/textpanel_bg.jpg') repeat-y;
}


#textpanel .register{ 
	margin:5px 0px 0px 215px; 
	padding:0;
	border:none;
	background:none;
	cursor:pointer;
}

#input{
	width:325px;
	height:60px;
	padding:10px 0px 0px 10px;
}

#checks{
	clear:both;
	width:554px;
	padding:0px 0px 0px 10px;
}

#bottom{
	clear:both;
	height:47px;
	width:800px;
	margin:0px 0px 0px 2px;
	background-color:#333333;	
}

#input label { 
	float:left;
	width:75px; 
	margin:0px 0px 5px 0px;
	padding:3px 0px 0px 0px;
	display:block;
	font-size:14px;
}

label a { 
	color:#ffffff; 
	text-decoration:none;
}

#input input.details {  
	float:left;
	margin:0px 0px 5px 0px;
	width:200px;
	padding:3px;
}

/* --------------- form loading and results --------------- */

#loading, #result {
	margin:0px 15px 0px 15px;
	padding:10px 0px 10px 0px;
	text-align:center;
	border-top:1px dashed #FFFFFF;
	border-bottom:1px dashed #FFFFFF;
	text-align:center;
	color:#FFFFFF;
	font-size:12px;
}

#loading img { padding:0; }

p a.reload { color:#808080; cursor:pointer; }

/* --------------- terms and conditions --------------- */

#terms {
	margin:auto;
	padding:15px 1px 0px 50px;
	color:#000000;
	text-align:justify;
}

#terms div {
	height:436px;
	padding:0px 50px 0px 0px;
	overflow:scroll;
}

#terms h1 { 
	display:block;
	margin:0;
	padding:0px 0px 10px 0px;
	font-size:14px;
}

#terms ul {
	margin:0;
	padding:0;
}

#terms ul li {
	padding:0px 0px 3px 0px;
	list-style:none;
}

#terms p a, #terms ul li a { color:#D41160; text-decoration:none; }
#terms p a:hover, #terms ul li a:hover { color:#FF99CB; text-decoration:none; }

#title.legals { width:784px; padding:10px 0px 20px 20px; }
p.legal_content { margin:0; }

#bottom { position:relative; }

#bottom a#contact { 
	position:absolute;
	margin:7px 0px 0px 83px; 
}

#bottom a#privacy {
	position:absolute;
	top:11px;
	left:10px;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
}

#bottom a#parents {
	position:absolute;
	top:27px;
	left:10px;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
}

a { outline:none; }

/* --------------- contact form --------------- */

#contact_form { 
	padding:5px; 
	background-color:#AFDEE6;
	width:480px;
	height:200px;
}

#contact_form #inner {
	padding:5px 5px 5px 5px;
}

#contact_form label {  
	float:left;
	display:block;
	width:150px;
	font-size:12px;
	margin:0px 0px 10px 0px;
}

#contact_form input.info {
	width:300px;
	height:15px;
	margin:0px 0px 10px 0px;
	padding:3px;
}

#contact_form input#btn {
	float:right;
}

#contact_form textarea {  
	width:304px;
	height:69px;
	padding:3px;
}

#contact_load, #contact_result {
	margin:auto;
	padding:30px 0px 0px 0px;
	width:450px;
	text-align:center;
}