body {
	background-image: url('/images/background-spirals-8.png');
	background-repeat: no-repeat;
    background-color: #5c9832;
	font-family: "Arial","Georgia",Serif;
	height: auto;
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
}

.content-pane, .content-pane-congrats, .footer, .header {
	border-width: 3px;
	border-color: #000000;
    width: 50em;
    margin: 0 auto;
	font-style: normal;
	font-size: 18px;
	font-weight: bolder;
	text-align: left;
}

.content-pane {
	background-image: url('/images/big-gray-spiral.png');
	background-repeat: no-repeat;
    background-color: #ffffff;
    margin-top: -1px !important;
	background-position: 0 13em;
    height: auto;
	border-style: none solid;
	display: block;
	color: #000000;
	position: relative;
	top: 0;
	padding: 0;
	vertical-align: middle;
	min-height: 6em;
}

.content-pane-congrats {
    background-color: #ffffff;
	background-position: 0 13em;
    height: auto;
	border-style: none solid;
	color: #000000;
	position: relative;
	top: 0;
	padding: 0;
	vertical-align: middle;
	min-height: 6em;
}

.footer {
    background-color: #f5d363;
	border-style: none solid solid solid;
	height: 3.75em;
	padding: 0.25em 0;
	text-align: center;
	-moz-border-radius-bottomleft: 12%;
	-webkit-border-bottom-left-radius: 3em;
	-moz-border-radius-bottomright: 12%;
	-webkit-border-bottom-right-radius: 3em;
}

.footer a {
	color: black;
	font-style: none;
}

.footer a:hover, .header a:hover {
	text-decoration: underline;
}

.header {
	background-image: url('/images/yellow-top-fade.png');
	background-repeat: repeat-x;
	height: 215px;
	margin: 0;
	padding: 0;
	font-size: 80%; 
	width:100%; 
	position: relative;
	top: -2px;
	left: 0;
}

.center {
	text-align: left;
	padding: 0 3em;
}

.fieldset {
	background-color: #f5d363;
	border:4px solid #E28333 !important;
	width: 38em;
	margin: 2.5em 3.5em;
	padding: 1em 2em;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	position: relative;
	top: 0;
}

.legend {
	background-color: #E28333;
	font-family: "Arial", "Georgia",Serif;
	color: #ffffff;
	font-style: normal;
	font-size: 15px;
	font-weight: bolder;
	text-transform: uppercase;
	padding: 5px 10px 2px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position: absolute;
	top: -20px;
	left: 10px;
}

select, option {
    background-color: #f5d363;
	border-color: #ed953c;
	border-style: solid;
	border-width: 3px;
	background-image: url('/images/input-bg.png');
	background-repeat: no-repeat;
	background-size: 100%;
	font-weight: bold;
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 20px;
	vertical-align: middle;
}

select {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 0px;
}

optgroup {
    background-color: #f5d363;
    font-size: 14px;
}

a {
	color: #000000;
	text-decoration: none;
}

option, option:hover {
    background-color: #ffffff;
}


input[type=text], input[type=password] {
	border-color: #ed953c;
	border-style: solid;
	border-width: 3px;
	padding: 5px 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-image: url('/images/input-bg.png');
	background-repeat: no-repeat;
	background-size: 100%;
}


input[type=text]:hover, input[type=password]:hover {
	border-color: #F6ECAD;
}

input[type=checkbox] {
	padding: 0;
	margin: 1px;
}

a * {
	border: 0;	
}

#toots-logo {
	margin: 1em;
}

#continue {
	background-image: url('/images/button-continue1.png');
}

#continue:hover {
	background-image: url('/images/button-continue2.png');
}

#continue:active {
	background-image: url('/images/button-continue3.png');
}

#submit {
	background-image: url('/images/button-submit1.png');
	background-color: #f5d363;
}

#submit:hover {
	background-image: url('/images/button-submit2.png');
}

#submit:active {
	background-image: url('/images/button-submit3.png');
}

#create-new {
   background-image: url('/images/premium/create1.png');
}

#create-new:hover {
   background-image: url('/images/premium/create2.png');
}

#create-new:active {
   background-image: url('/images/premium/create3.png');
}

#upgrade-new {
   background-image: url('/images/premium/upgrade1.png');
}

#upgrade-new:hover {
   background-image: url('/images/premium/upgrade2.png');
}

#upgrade-new:active {
   background-image: url('/images/premium/upgrade3.png');
}

#cancel {
	background-image: url('/images/button-cancel1.png');
}

#cancel:hover {
	background-image: url('/images/button-cancel2.png');
}

#cancel:active {
	background-image: url('/images/button-cancel3.png');
}

#login {
	background-image: url('/images/button-login1.png');
}

#login:hover {
	background-image: url('/images/button-login2.png');
}

#login:active {
	background-image: url('/images/button-login3.png');
}

#register {
	background-image: url('/images/button-register1.png');
}

#register:hover {
	background-image: url('/images/button-register2.png');
}

#register:active {
	background-image: url('/images/button-register3.png');
}

#premium {
	background-image: url('/images/button-premium1.png');
}

#premium:hover {
	background-image: url('/images/button-premium2.png');
}

#premium:active {
	background-image: url('/images/button-premium3.png');
}

#free {
	background-image: url('/images/button-free1.png');
}

#free:hover {
	background-image: url('/images/button-free2.png');
}

#free:active {
	background-image: url('/images/button-free3.png');
}

#continue-account {
	background-image: url('/images/button-continue-account1.png');
}

#continue-account:hover {
	background-image: url('/images/button-continue-account2.png');
}

#continue-account:active {
	background-image: url('/images/button-continue-account3.png');
}

#play-now {
	background-image: url('/images/button-play-now1.png');
}

#play-now:hover {
	background-image: url('/images/button-play-now2.png');
}

#play-now:active {
	background-image: url('/images/button-play-now3.png');
}

#upgrade {
	background-image: url('/images/button-upgrade1.png');
}

#upgrade:hover {
	background-image: url('/images/button-upgrade2.png');
}

#upgrade:active {
	background-image: url('/images/button-upgrade3.png');
}

#add-a-child {
	background-image: url('/images/button-add-a-child1.png');
}

#add-a-child:hover {
	background-image: url('/images/button-add-a-child2.png');
}

#add-a-child:active {
	background-image: url('/images/button-add-a-child3.png');
}

#add-another-child {
	background-image: url('/images/button-add-another-child1.png');
}

#add-another-child:hover {
	background-image: url('/images/button-add-another-child2.png');
}

#add-another-child:active {
	background-image: url('/images/button-add-another-child3.png');
}

#edit-account {
	background-image: url('/images/button-edit-account1.png');
}

#edit-account:hover {
	background-image: url('/images/button-edit-account2.png');
}

#edit-account:active {
	background-image: url('/images/button-edit-account3.png');
}

#parent-register {
	background-image: url('/images/button-parent-register1.png');
}

#parent-register:hover {
	background-image: url('/images/button-parent-register2.png');
}

#parent-register:active {
	background-image: url('/images/button-parent-register3.png');
}

#processnow {
	background-image: url('/images/becomeamember/button-processnow1.png');
}

#processnow:hover {
	background-image: url('/images/becomeamember/button-processnow2.png');
}

#processnow:active {
	background-image: url('/images/becomeamember/button-processnow3.png');
}

#back {
	background-image: url('/images/becomeamember/button-back1.png');
}

#back:hover {
	background-image: url('/images/becomeamember/button-back2.png');
}

#back:active {
	background-image: url('/images/becomeamember/button-back3.png');
}

#parent-upgrade {
	border: none;
	background-image: url('/images/manageaccount/button-make-me-a-vit1.png');
	background-color: transparent;
	width: 295px;
	height: 94px;
	margin: 0.5em;
	padding: 0;
}

#parent-upgrade:hover {
	background-image: url('/images/manageaccount/button-make-me-a-vit2.png');
}

.loginButtonArea {
	text-align: center;
}

.logoutbutton {
	left: 30em;
	z-index: 1;
}

.formbuttonslarge {
	border: none;
	background-color:transparent;
	width: 235px;
	height: 83px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0.5em;
	padding: 0;
}

.formbuttons {
	border: none;
	background-color: transparent;
	width: 235px;
	height: 58px;
	margin: 0.5em;
	padding: 0;
	color: transparent;
	text-transform: capitalize;
}

.parentbuttons {
	border: none;
	background-color: transparent;
	width: 235px;
	height: 83px;
	margin: 0.5em;
	padding: 0;
	color: transparent;
	text-transform: capitalize;
}

.formbuttonssmall {
	border: none;
	background-color:transparent;	
	width: 172px;
	height: 43px;
	margin: 0.5em;
	padding: 0;
	color: transparent;
	text-transform: capitalize;
}

.formbuttonsnew {
   border: none;
   background-color: transparent; 
   width: 183px;
   height: 45px;
   margin: 0.5em;
   padding: 0;
   color: transparent;
   text-transform: capitalize;
}

.premiumbutton {
	border: none;
	background-color: #ffffff;
	width: 235px;
	height: 76px;
	margin: 0.5em;
	padding: 0;
	color: transparent;
	text-transform: capitalize;
}

.freebutton {
	border: none;
	background-color: #ffffff;
	width: 235px;
	height: 76px;
	margin: 0.5em;
	padding: 0;
	color: transparent;
	text-transform: capitalize;
}

.buttondiv {
	width: 100%;
	vertical-align: middle !important;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.privacy {
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	width: 40em;
	font-size: 14px;
	color: #666666;
	font-weight: normal;
}

h2 {
	margin: 5px 2em;
	font-weight: bolder;
}
h4 {
	margin: 5px 5em;
	font-weight: bolder;
}

.congrats-text {
	margin: 5em 8em 0 8em;
	font-weight: bolder;
	align: justify;
	padding: 1em 0;
	width: auto;
	font-size: 18px;
}

strong {
	color: #000000;
	font-weight: bolder;
}

.select-toot {
	display: none;
}

.toot-radio {
	width: 150px;
	height: 150px;
	display: inline-block;
	margin: 0;
}

#zap, #flora, #sparkle, #dottie, #moo, #cupid, #superstar, #lilmc {
	background-repeat: no-repeat;
}

#zap {
	background-image: url('/images/zap-2legs.png');
}

#zap2 {
	background-image: url('/images/zap-4legs.png');
}

#zap:hover, #zap2:hover {
	background-image: url('/images/circle-zap.png');
}

#zap:active {
	background-image: url('/images/zap-2legs-click.png');
}

#zap2:active, #zap2[checked=true] {
	background-image: url('/images/zap-4legs-click.png');
}

#flora {
	background-image: url('/images/flora-2legs.png');
}

#flora2 {
	background-image: url('/images/flora-4legs.png');
}

#flora:hover, #flora2:hover {
	background-image: url('/images/circle-flora.png');
}

#flora:active {
	background-image: url('/images/flora-2legs-click.png');
}

#flora2:active {
	background-image: url('/images/flora-4legs-click.png');
}

#sparkle {
	background-image: url('/images/sparkle-2legs.png');
}

#sparkle2 {
	background-image: url('/images/sparkle-4legs.png');
}

#sparkle:hover, #sparkle2:hover {
	background-image: url('/images/circle-sparkle.png');
}

#sparkle:active {
	background-image: url('/images/sparkle-2legs-click.png');
}

#sparkle2:active {
	background-image: url('/images/sparkle-4legs-click.png');
}

#dottie {
	background-image: url('/images/dottie-2legs.png');
}

#dottie2 {
	background-image: url('/images/dottie-4legs.png');
}

#dottie:hover, #dottie2:hover {
	background-image: url('/images/circle-dottie.png');
}

#dottie:active {
	background-image: url('/images/dottie-2legs-click.png');
}

#dottie2:active {
	background-image: url('/images/dottie-4legs-click.png');
}

#moo {
	background-image: url('/images/moo-2legs.png');
}

#moo2 {
	background-image: url('/images/moo-4legs.png');
}

#moo:hover, #moo2:hover {
	background-image: url('/images/circle-moo.png');
}

#moo:active {
	background-image: url('/images/moo-2legs-click.png');
}

#moo2:active {
	background-image: url('/images/moo-4legs-click.png');
}

#cupid {
	background-image: url('/images/cupid-2legs.png');
}

#cupid2 {
	background-image: url('/images/cupid-4legs.png');
}

#cupid:hover, #cupid2:hover {
	background-image: url('/images/circle-cupid.png');
}

#cupid:active {
	background-image: url('/images/cupid-2legs-click.png');
}

#cupid2:active {
	background-image: url('/images/cupid-4legs-click.png');
}

#superstar {
	background-image: url('/images/superstar-2legs.png');
}

#superstar2 {
	background-image: url('/images/superstar-4legs.png');
}

#superstar:hover, #superstar2:hover {
	background-image: url('/images/circle-superstar.png');
}

#superstar:active {
	background-image: url('/images/superstar-2legs-click.png');
}

#superstar2:active {
	background-image: url('/images/superstar-4legs-click.png');
}

#lilmc {
	background-image: url('/images/lilmc-2legs.png');
}

#lilmc2 {
	background-image: url('/images/lilmc-4legs.png');
}

#lilmc:hover, #lilmc2:hover  {
	background-image: url('/images/circle-lilmc.png');
}

#lilmc:active {
	background-image: url('/images/lilmc-2legs-click.png');
}

#lilmc2:active {
	background-image: url('/images/lilmc-4legs-click.png');
}

#toot-banner {
	top: 2.75em;
	left: 16em;
	width: 20em;
	z-index: 1;
}

#chase-it-zap {
	top: -16.5em;
	left: 28em;
	width: 20em;
	z-index: 1;
}

#membership-banner {
	top: 2.75em;
	left: 18em;
	z-index: 1;
}

#text-banner {
	top: 4em;
	left: 17em;
	z-index: 1;
}

#jointheheard {
	top: -8.75em;
	left: 715px;	
}

.twoPanelContainer {
	width: auto;
	margin: 0.5em 1em;
	padding: 0;
}

.twoPanel {
	width: 13em !important;
	background-color: #625e97 !important;
	border-color: #413b72 !important;
	padding: 1em !important;
	margin: 1em 1em 2em 1em !important;
	font-size: x-large !important;
}

.twoPanel .legend {
	background-color: #413b72 !important;
}

.leftPanel {
	float: left;
	left: 1em;
}

.rightPanel {
	float: left;
	left: 1em;
}

.twoPanel input[type=text], .twoPanel input[type=password] {
	width: 85%;
}

.twoPane label, button {
	margin: 10px auto 5px 1em;
}

small {
	font-weight: normal;
	font-size: 12px;
}

.twoPanelContainer table {
	border: 0;
	margin: -0.5em -1em;
	padding: 0;
	text-align: center;
}

.twoPanelContainer a:link, .twoPanelContainer a:visited {
	color: #000;
	text-decoration: none;	
}

.twoPanelContainer a:hover {
	text-decoration: none;	
}

.paddedfont {
	margin: 0 0.25em 0 1em;	
}

/* fake checkbox : unchecked (default/base) state */
.fakecheck {
	background: url(/images/icon-check-box.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	padding: 5px 15px;
	margin: 1em 2em;
	background-position: left -38px;
}
/* fake checkbox : checked state */
.fakechecked {
	background-position: left 0;
}
.floatingimage {
	width: 1px;
	height: 1px;
	overflow: visible;
	position: relative;
}

.logoutbutton {
	width: 235px;
	height: 50px;
	position: relative;
	top: 12px;
	left: 23em;		
}

#moo-sleeping {
	top: -119px;
	left: 33.5em;	
}

#peanut-tag {
	top: -220px;
	left: 26.5em;
	z-index: 1;	
}

#code-link {
	color: blue;
	text-decoration: none;
}

#code-link:hover {
	text-decoration: underline;		
}
	
#tango-handstand {
	top: -124px;
	left: 28em;	
}

#congrats-toot {
	top: -150px;
	left: 24em;	
}

#picasso-welcome {
	top: -208px;
	right: -130px;
}

.fontpadding {
	padding: 0 1em;
}

.error-message {
	align: left;
	padding-left:3em;
	width: 20em;
	color: red;
}

.success-message {
	align: left;
	padding-left:3em;
	width: 20em;
	color: green;
}

.parentcontainer {
	width: 100%;
	vertical-align: middle !important;
	margin: 0;
	margin-top: 2em !important;
	height: 19em;
}

.parentpane {
	background-color: #F6ECAD;
	border-color: #E28333;
	border-style: solid;
	border-width: 4px;
	width: 15em;
	height: 15em;
	margin: 0;
	padding: 1em 1.5em;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	display: block;
}

.toot-select {
	width: auto;
	height: 12em;
	overflow: auto;
	background-color: #f5d363;
	border: 1px #000000 solid;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.toot-label {
	color: #000000;
	font-weight: bold;
}

.toot-name {
	color: #E28333;
	font-weight: normal;
}

#vit-banner {
	height: 137px;
	background-image: url("/images/manageaccount/banner-vit-membership.png");
	background-repeat: no-repeat;
}

.logoutcompensator {
	position: relative;
	top: -33px;
}

.bubble {
	width: 1px;
	height: 1px;
	overflow: visible;
	position: relative;
}

#rulesdiv {
	height: 30em;
	min-height: 30em;
	width: 100%;
}

#safetyshield {
	top: 2.75em;
	left: 42em;
	z-index: 1;
}

#safety {
    top: 4em;
    left: 2em;
}

#respect {
	top: 16em;
    left: 5em;
}
#chat {
    top: 2em;
	left: 34em;
}

#crossing {
    top: 14em;
	left: 30em;
}

#bella {
	top: 0;
    left: 4em;
}

.agreebox {
	position: relative;
	top: 23.5em;
	left: 18em;
}

.toot-icons {
	padding: 0 1.5em;
}

.tootmembership {
        font-style: italic;
		vertical-align: middle;
		margin: 1em 3em;
		width: 100%;
		vertical-align: middle !important;
}

#mbroptions table {
        margin: 1em 0;
}

#mbroptions td {
        padding: 0 25px;
        height: 1.8em;
}

.tr1 {
        background-color: #f2da7e;
}

.tr2 {
        background-color: #f5d363;
}

.td1 {
        width: 22em;
}
.td2 {
     	width: 190px;
}

.image {
		margin: auto 50px;
}

#fieldset1, #fieldset2, #fieldset3 {
        background-color: #f5d363;
        padding: 1em 0;
        height: 100%;
        margin: 0 -5px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
}

#fieldset1 {
        width: 22em;
        -moz-border-radius-bottomleft: 1em;
        -webkit-border-bottom-left-radius: 1em;
        -moz-border-radius-topleft: 1em;
        -webkit-border-top-left-radius: 1em;
}

#fieldset2 {
     	width: 190px;
}

#fieldset3 {
        width: 190px;
        -moz-border-radius-bottomright: 1em;
        -webkit-border-bottom-right-radius: 1em;
        -moz-border-radius-topright: 1em;
        -webkit-border-top-right-radius: 1em;
}

#premium-toot {
		top: -8.3em;
		left: 18em;
		z-index: 1;
}
#free-toot {
		top: -7.4em;
		left: 36em;
		z-index: 1;
}

.billing {
		color:  #000000;
}

.premiumTable {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.premiumTable td {
	width: 50%;
}

.left, .right {
	vertical-align: top;	
}

.left {
	text-align: right;
}

.right {
	text-align: left;
}

.required {
	color: #ff0000;
}

.coutryList {
	border: 1px;
	border-style: ridge;
	width: 10em;
}

.tip {
	background-color: #cccccc;
	border: 2px #000000 solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 5px;
}

.child {
	background-color: #ffffff;
	border: 3px #D56F2B solid;
	display: block;
	margin: 5px;
	padding: 5px 1em;
	color: #000000;
	text-decoration: none;
	text-align: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.child a {
	color: #000000;
	text-decoration: none;
		
}

.child:hover {
	background-color: #F6ECAD;
}

.edit-child {
	width: 100%;
	margin: 1em 0;
}

.edit-child td {
	border-top: 2px #000000 dashed;
	padding: 0.5em 0
}

#Not_United_States {
	text-align:justify;
	margin: 1em 5em;
	padding: 1em;
	color: #444444;
	font-size: 15px;
	border: 3px #444444 solid;
	background-color: #F6ECAD;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
}

.tsandcs {
	overflow: auto;
	height: 10em;
	width: auto;
	padding: 1em;
	margin: 0 1em;
	font-size: 14px;
	border: 3px #444444 solid;
	background-color: #F6ECAD;
}

.imagepreload {
	display:none;
	position: absolute;
	top: -200em;
	left: -200em;
}

.peanut-code td {
	padding: 0.25em 0.5em;
}

.sel_user {
	background-color: #ccff99;
	border: 3px solid #E28333;
	padding: 5px;
	margin-left: -0.5em;
	margin-bottom: 1em;
	font-size: larger;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
}

.rightbuttons {
	margin: 0 0.5em 1em auto;
	padding: 0 auto;
	font-size: smaller;
	width: 38em;
	vertical-align: middle !important;
	text-align: center;
}

#as-low-as {
	top: -1em;
	left: 18em;
	z-index: 2;
}

.cancel_child {
	background-color: #F6ECAD;
	border: 1px #D56F2B solid;
	display: block;
	padding: 5px 1em;
	color: #000000;
	text-decoration: none;
	text-align: left;
	border-color:red;
	text-align: center;
	width: 14em !important;
	margin: 0 auto;
	font-size: smaller;
	cursor: default;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.cancel_child:hover {
	cursor: pointer;
}