@font-face {
  font-family: "GardenParty";
  src: url("http://www.gardenpartyworld.com/stuff/GardenParty.ttf") format("truetype");
}


html, body { background-color: transparent; }

body { 
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	line-height: 1.5;
	color: #14240D;
}

.gpwFont {
	font-family: "GardenParty";
}

a {
	color: #548DD4;
}

a:visited {
	color: #8064A2;
}

.membershipOption {
	color: #653C0B;
	text-align: left;
}

.oddRow , .yellowBackground {
	background-color: #FFFACD;
}



#newsButton {
	position: absolute;
	top: 20px;
	margin-left: -25px;
	align: center;	
}

#helpButton {
	position: absolute;
	top: 20px;
	margin-left: 680px;
	align: center;	
}

#flashContent {
	position: absolute;
	top: 100px;
	margin-left: 5px;
	align: center;	
}

#footer {
	position: absolute;
	top: 620px;
	margin-left: 5px;
	align: center;	
}




.errors {
	color: red;
}
.required {
}

.contactForm dt {
	padding: 10px 5px 5px 5px;
}
.contactForm dd {
	padding: 5px 5px 5px 50px;
}					
.contactForm  select, input#email, input#username {
	width: 250px;
}	
.contactForm textarea#message {
	width: 350px;
	height: 55px;
}

.contactForm  #subject-label, .contactForm  #username-label, .contactForm  #message-label, .contactForm  #email-label {
	background-color: #FFFACD;
	vertical-align: top;
	font-weight: bold;
	color: #0EA266;
	text-align: right;
	font-family: "GardenParty";
}

.contactForm td {
	padding: 7px 10px 7px 10px;	
	text-align: left;
}

.contactForm .element {
	padding: 0px;
	border: 0px;
}


.loginForm dt {
	padding: 10px 5px 5px 5px;
}
.loginForm dd {
	padding: 5px 5px 5px 50px;
}					
.loginForm  input#username, .loginForm input#password {
	width: 185px;
}	
.loginForm  input#email {
	width: 185px;
}

.loginForm  #username-label, .loginForm  #password-label, .loginForm  #email-label {
	vertical-align: top;
	font-weight: bold;
	color: #0EA266;
	text-align: right;
	font-family: "GardenParty";
}

.loginForm td {
	padding: 7px 10px 7px 10px;	
}

#loginForm  #var1-element, #loginForm  #var1-label, #loginForm  #var2-element, #loginForm  #var2-label {
	display: none;
	visibility: hidden;
}



.editAccountForm dt {
	padding: 10px 5px 5px 5px;
}
.editAccountForm dd {
	padding: 5px 5px 5px 50px;
}					
.editAccountForm  input#newpassword, .editAccountForm input#newpasswordconfirm {
	width: 150px;
}	

.editAccountForm  #newpassword-label, .editAccountForm  #newpasswordconfirm-label, .editAccountForm  #chat-label, .editAccountForm  #newsletter-label {
	background-color: #FFFACD;
	vertical-align: top;
	font-weight: bold;
	color: #0EA266;
	text-align: right;
}

.editAccountForm td {
	padding: 7px 10px 7px 10px;	
	font-family: "GardenParty";
}




.surveyForm label {
	font-weight: bold;
	
}

.surveyForm dt{
	padding-top: 20px;
}

.surveyForm dd {
	padding-top: 10px;
}

.surveyForm #option1-label, #option2-label, #option3-label, #option4-label, #option5-label, #option6-label, #option7-label  {
	display:inline;
	padding-top: 0px;
	padding-bottom: 0px;
}

.surveyForm #option1-element, #option2-element, #option3-element, #option4-element, #option5-element, #option6-element, #option7-element {
	padding-top: 0px;
	padding-bottom: 0px;
}

.surveyForm .description {
	display:inline;
	padding: 0px;	
}

.surveyForm textarea#suggestions {
	width: 350px;
	height: 145px;
}

.surveyForm #grade1-element label{
	display:inline;
	font-weight: normal;
}
.surveyForm #grade2-element label{
	display:inline;
	font-weight: normal;
}

.surveyForm #grade1-element input, .surveyForm #grade2-element input,
.surveyForm #option0-element input, #option1-element input, #option2-element input, #option3-element input, #option4-element input, #option5-element input, #option6-element input, #option7-element input {
	border-width: 0px;
}



.innerframeHeader {
	border: 0px;
	background-image: url('/images/home/php_innerframe_top.png'); 
	background-repeat: repeat-none;	
	vertical-align: middle;
}

.innerframeTitle {
	color: white;
	font-family: "GardenParty";
	font-size: 18px;
	padding-left: 50px;
	padding-bottom: 10px;
}

.innerframe2Header {
	border: 0px;
	background-image: url('/images/home/php_helpframe_top.png'); 
	background-repeat: repeat-none;	
	vertical-align: middle;
}

.innerframe2Title {
	color: black;
	font-family: "GardenParty";
	font-size: 18px;
	padding-left: 50px;
	padding-bottom: 10px;
}

.innerframe3Header {
	border: 0px;
	background-image: url('/images/home/php_news_latestpost_top.png'); 
	background-repeat: repeat-none;	
	<!--[if IE 6]>
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home/php_news_latestpost_top.png', sizingMethod='scale');
	<![endif]-->
	vertical-align: middle;
}

.innerframe3Title {
	color: black;
	font-family: "GardenParty";
	font-size: 18px;
	padding-left: 50px;
	padding-bottom: 0px;
}

.heading {
	font-size: 14pt;
	color: #1C5C5B;
}

.subheading {
	font-size: 11pt;
	color: #A1543F;
}

.separator {
	border-bottom: 1px dashed;
	width: 95%;
}


.checkBoxChecked {
    background-image: url('/images/home/php_checkbox2.png');
    background-repeat: no-repeat;
    width: 31px;
    height: 32px;
    padding: 0px;
    margin: 0px;
    cursor: hand;
}

.checkBoxUnchecked {
    background-image: url('/images/home/php_checkbox1.png');
    background-repeat: no-repeat;
    width: 31px;
    height: 32px;
    padding: 0px;
    margin: 0px;
    cursor: hand;

/*	border: none; 
	border-width: 0px;
	padding: 0; 
	spacing: 0; 
	margin: 0;
	background-image: url('/images/home/php_checkbox1.png');*/
}


.editChildAccountForm  input#newpassword, .editChildAccountForm input#newpasswordconfirm, .editChildAccountForm input#email {
	width: 150px;
}	

.editChildAccountForm  #newpassword-label, .editChildAccountForm  #newpasswordconfirm-label, .editChildAccountForm  #email-label, .editChildAccountForm  #chat-label, .editChildAccountForm  #newsletter-label, .editChildAccountForm  #sex-label {
	background-color: #FFFACD;
	vertical-align: top;
	font-weight: bold;
	color: #0EA266;
	text-align: right;
}

.editChildAccountForm td {
	padding: 7px 10px 7px 10px;	
	font-family: "GardenParty";
}


.parentAddChild  input#username, .parentAddChild input#password, .parentAddChild input#email {
	width: 250px;
}	

.parentAddChild  #password-label, .parentAddChild  #username-label, .parentAddChild  #email-label {
	width: 150px;
	background-color: #FFFACD;
	vertical-align: top;
	font-weight: bold;
	color: #0EA266;
	text-align: right;
}

.parentAddChild td {
	padding: 7px 10px 7px 10px;	
	font-family: "GardenParty";
}


.parentEditAccount  input#password, .parentEditAccount input#password1, .parentEditAccount input#password2, .parentEditAccount input#email {
	width: 250px;
}	

.parentEditAccount  #password-label, .parentEditAccount  #password1-label, .parentEditAccount  #password2-label, .parentEditAccount  #email-label {
	width: 150px;
	background-color: #FFFACD;
	vertical-align: top;
	font-weight: bold;
	color: #0EA266;
	text-align: right;
}

.parentEditAccount td {
	padding: 7px 10px 7px 10px;	
	font-family: "GardenParty";
}


.parentRegisterForm  input#username, .parentRegisterForm  input#password, .parentRegisterForm input#password1, .parentRegisterForm input#password2, .parentRegisterForm input#email, .parentRegisterForm input#childemail {
	width: 200px;
}	

.parentRegisterForm .element {
	vertical-align: middle;
}

.parentRegisterForm #username-label, .parentRegisterForm  #password-label, .parentRegisterForm  #password1-label, .parentRegisterForm  #password2-label, .parentRegisterForm  #email-label, .parentRegisterForm  #childemail-label {
	
	width: 150px;
	padding: 7px 10px 7px 10px;	
	margin: 3px 3px 3px 3px;	
	background-color: #FFFACD;
	vertical-align: top;
	font-weight: bold;
	color: #0EA266;
	text-align: right;
}

.parentRegisterForm  #terms-label {
	text-align: left;
}

.parentRegisterForm  #terms {
	width: 20px;
	height: 20px;
}


.parentRegisterForm dd, .parentRegisterForm dt,  {
	float:left;
	padding: 7px 10px 7px 10px;	
	font-family: "GardenParty";
}