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

body { background-color:#FFFF00; text-align:center; position:relative; margin:0px;}

img, div { behavior: url(iepngfix.htc) }

#clear { clear:both; line-height:0; height:0;}
#clearAll { clear:inherit; line-height:0px; height:0px;}

#main { width:1000px; margin:0 auto;}
#mainAdmin { width:1000px; margin:0 auto; position:relative; font-family:Arial, Helvetica, sans-serif;}

#header { background:url(images/top_01.gif) no-repeat; text-align:left; display:block;}

#headerNav { margin:0px 0px 0px 130px;font-family:Arial, Helvetica, sans-serif; height:15px; padding:10px 0px 0px 0px; font-size:14px; color:#0098e8; font-weight:bold; overflow:hidden;}
#headerNav a { color:#0098e8; text-decoration:none; padding:0px 10px 0px 10px;}
#headerNav a:hover { color:#0098e8; text-decoration:underline;}

#headerImage { background:url(images/top_02.gif) no-repeat; display:block;}
#hedaerL {float:left; width:500px; display:block;}
#headerR {float:right; width:350px; display:block;}

#mainContent { background:url(images/content-back.jpg) no-repeat; background-position:top; width:1000px;}
#mainContent2 { background:url(images/main_bg.jpg) no-repeat; background-position:top; width:1000px;}

#mainContentBaloons { background:url(images/content-back-baloons.jpg) no-repeat; background-position:top; width:1000px;}
#mainContentCake { background:url(images/content-back-cake.jpg) no-repeat; background-position:top; width:1000px;}

#leftColumn { float:left; width:179px; display:block;}

#cc { background:url(images/constantContact_02.gif) repeat-y; font-size:12px; color:#666; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:19px;}
input.const { width:130px; border:solid 1px #91278f;}
#constant { text-align:left; margin-left:25px; margin-right:5px;}
#ccBtn { text-align:right; padding:0px 10px 0px 0px;}

#centerContent { margin:0px 0px 0px 185px; text-align:center; width:410px;}
#centerContentMain { margin:0px 0px 0px 185px; text-align:center; width:530px;}
#headers { padding-top:27px; text-align:left;}

#member { width:390px; margin:0 auto;}
#memberL { float:left; width:250px; text-align:left; padding:10px;}
#memberR { float:right; width:80px; text-align:right; padding:10px; color:#91278f; font-weight:bold;}

#specials { padding-top:27px; text-align:right;}

#centerText { text-align:left; font-size:12px; line-height:18px; font-family:Arial, Helvetica, sans-serif; color:#333; padding:0px 20px;}
#centerText p { text-align:left; font-size:12px; line-height:18px; font-family:Arial, Helvetica, sans-serif; color:#333; padding:0px;}
#centerText h1 { color:#91278f; font-size:16px; font-weight:bold; padding:0px; text-align:left;}
#centerText h2 { color:#91278f; font-size:16px; font-weight:bold; padding:0px; text-align:center;}

#centerTextMain { text-align:left; font-size:12px; line-height:18px; font-family:Arial, Helvetica, sans-serif; color:#333; padding:0px 20px 0px 30px;}
#centerTextMain h1 { color:#91278f; font-size:16px; font-weight:bold; padding:0px; text-align:left;}

#centerTextMainCal { text-align:center; font-size:12px; line-height:18px; font-family:Arial, Helvetica, sans-serif; color:#333; padding:0px 10px 0px 10px; margin:0px}
#centerContentBigCal { margin:0px 0px 0px 185px; text-align:center; width:799px;}
#centerTextMainCal { text-align:center; font-size:12px; line-height:18px; font-family:Arial, Helvetica, sans-serif; color:#333; padding:0px 20px 0px 0px;}

#centerContentBig { margin:0px 0px 0px 185px; text-align:center; width:799px;}

#centerContentBig1 { margin:0px 0px 0px 185px; text-align:center; width:750px; font-size:12px; line-height:18px; font-family:Arial, Helvetica, sans-serif; color:#333; padding:0px 20px 0px 30px;}
#centerContentBig1 h1 { color:#91278f; font-size:16px; font-weight:bold; padding:0px; text-align:left;}
#table { width:700px; border:solid 1px #000;}

#aboutSection { border-top:solid 1px #03F; padding:10px 0px 10px 0px;}
#learnMore { text-align:right;}

#soon { width:400px; margin:0 auto; background-color:#FFF; border:solid 2px #91278f;}
#soon p { text-align:left; line-height:18px; padding:0px 10px 0px 10px; color:#000;}

#rightBoxes { width:378px; float:right; vertical-align:top; text-align:right; padding:0px; margin:0; display:block;}
#rightBoxes a { text-decoration:none; color:#666;}
#boxes { width:269px; float:right; vertical-align:top; text-align:right; padding:0px; margin:0;}



#birthdayBox {width:378px;}
#birthdayBox2 {width:378px; background:url(images/index-birthday-box_02.png) repeat-y;}
#birthdayBox3 {background:url(images/index-birthday-box_02.jpg) no-repeat; padding:0px 30px 0px 200px; font-size:12px; color:#666666; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:18px;}
#birthdayBoxTop { vertical-align:bottom; display:block; height:61px;}



#videoBox {width:378px; padding:20px 0px 0px 0px;}
#videoBox2 {width:378px; background:url(images/video-games_03.png) repeat-y;}
#videoBox3 {background:url(images/video-games_02.png) no-repeat; padding:20px 50px 0px 35px; font-size:14px; color:#666666; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:18px; overflow:hidden;}

#videoBox3 ul { list-style-image:url(images/splatt-bullet.png); padding:10px 0px 0px 30px;}
#videoBox3 li { padding-bottom:10px;}

.listItem { margin:-10px 0px 0px 0px; line-height:20px;}

#videoBox3 a { color:#909; text-decoration:none;}
#videoBox3 a:hover { text-decoration:underline;}
#videoBoxTop { vertical-align:bottom; display:block; height:33px;}

#tvBox {width:378px; padding:20px 0px 0px 0px;}
#tvBox2 {width:378px; background:url(images/tv-box_03.png) repeat-y;}
#tvBox3 {background:url(images/tv-box_02.png) no-repeat; padding:0px 12px 0px 0px; text-align:center;}
#tvBoxTop { vertical-align:bottom; display:block; height:33px;}

#learnBoxTop { vertical-align:bottom; display:block; height:36px;}
#learnBox {width:378px; padding:20px 0px 0px 0px;}
#learnBox2 {width:378px; background:url(images/learn-box_03.png) repeat-y;}
#learnBox3 {background:url(images/learn-box_02.png) no-repeat; padding:0px 30px 0px 230px; font-size:12px; color:#666666; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:18px;}


#booking {}
#bookL { float:left; width:200px; text-align:left;}
#bookR { float:right; width:200px; text-align:right;}

#footer { }

#footerL {float:left; text-align:left; width:670px; color:#2398e8; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:25px;}
#footerL a {color:#2398e8; text-decoration:none; padding:0px 10px;}
#footerL a:hover {color:#2398e8; text-decoration:underline;}
#footerR { float:right; width:310px; text-align:right;}

#footerL2 {float:left; width:300px; text-align:left; padding:10px 0px 0px 10px;}
#footerR2 { float:right; text-align:right; width:650px;font-size:10px; color:#2398e8; padding:30px 0px 0px 0px;}



/* extras */
.extra { border-top:solid 1px #90C; border-left:solid 1px #90C; margin:0 auto; width:500px; padding:0px;}
.extra1 { border-top:solid 1px #90C; border-left:solid 1px #90C; margin:0 auto; padding:0px;}
.extraL {padding:5px; text-align:left; border-right:solid 1px #90C; border-bottom:solid 1px #90C; vertical-align:top; background-color:#FFF;}
.extraC {padding:5px; text-align:center; border-right:solid 1px #90C; border-bottom:solid 1px #90C; vertical-align:top; background-color:#FFF;}
.extraR {padding:5px; text-align:right; border-right:solid 1px #90C; border-bottom:solid 1px #90C; vertical-align:top; background-color:#FFF;}

.extraC2 {padding:5px 3px; text-align:center; border-right:solid 1px #90C; border-bottom:solid 1px #90C; vertical-align:top; background-color:#FFF; font-size:11px;}

.extraLL {padding:5px; text-align:right; border-right:solid 1px #90C; border-bottom:solid 1px #90C; vertical-align:top; background-color:#FFF;}

.extraRR {padding:5px; text-align:left; border-right:solid 1px #90C; border-bottom:solid 1px #90C; vertical-align:top; background-color:#FFF;}

.extraHead { color:#90C; font-size:16px; text-align:center; background: url(images-site/white-grad.png) repeat-x #F9C; padding:5px; font-weight:bold;border-bottom:solid 1px #90C; border-right:solid 1px #90C;}
.extraRC {padding:5px; text-align:center; border-right:solid 1px #90C; border-bottom:solid 1px #90C; vertical-align:top; background-color:#FFF;}


/* CLASSES */
.blue { color:#00F; font-size:16px; font-weight:bold;}

.form { background-color:#FFFFFF; border:solid 1px #3399FF;}
.left { padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.right { padding:5px;}
.center { text-align:center; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:14px;} 

.formHead {color:#91278f; font-size:16px; text-align:center; background: url(images-site/white-grad.png) repeat-x #F9C; padding:5px; font-weight:bold;}

.contactForm {border:solid 1px #3399FF;}

.purple { color:#91278f; font-weight:bold;}
.bigPurple {color:#91278f; font-size:16px; font-weight:bold;}
.biggerPurple {color:#91278f; font-size:18px; font-weight:bold;}
.bigBlack {color:#000; font-size:18px; font-weight:bold;}

#myL { float:left; width:325px; vertical-align:top; text-align:left; padding:0px; margin:0; display:block;}
#myR { float:right; width:325px; vertical-align:top; text-align:left; padding:0px; margin:0; display:block;}
#myM { margin:0px 0px 0px 335px; }
#myM h1 { text-align:left; color:#606; font-size:30px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:center;}
#myHeadline { width:330px; text-align:center;}

img.kidImage { border:solid 3px #606;}

#myInfoContent {  padding:0px 5px;}
#myInfoContent p { font-size:14px; color:#666; line-height:17px;}

#myInfo {width:320px;}
#myInfoTop { vertical-align:bottom; display:block; overflow:hidden; height:40px;}
#myInfo2 {background:url(images/myBounce-Info_02.png) repeat-y;}
#myInfo3 { font-size:14px; color:#666666; font-family:Arial, Helvetica, sans-serif; text-align:center; line-height:18px; padding:10px 10px 10px 30px;}

#myDir {width:320px;}
#myDirTop { vertical-align:bottom; display:block; overflow:hidden; height:40px;}
#myDir2 {background:url(images/myBounce-Dir_02.png) repeat-y;}
#myDir3 { font-size:12px; color:#666666; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:18px; padding:1px 10px 10px 30px;}

#myList {width:320px;}
#myListTop { vertical-align:bottom; display:block; overflow:hidden; height:40px;}
#myList2 {background:url(images/myBounce-list_02.png) repeat-y; text-align:center;}
#myList3 { font-size:12px; color:#666666; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:18px; padding:1px 10px 10px 10px; height:445px; width:280px; overflow:auto; margin:0 auto; text-align:left;}
#myList3 a { color:#666; text-decoration:none;}
#myList3 a:hover { text-decoration:underline;}

#myNotes {width:660px;}
#myNotes img { border:0;}
#myNotesTop { vertical-align:bottom; display:block; overflow:hidden; height:40px;}
#myNotes2 {background:url(images/myBounce-Notes_02.png) repeat-y;}
#myNotes3 { font-size:12px; color:#666666; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:18px; padding:1px 10px 10px 30px;}

#myRsvp {width:660px;}
#myRsvp img { border:0;}
#myRsvpTop { vertical-align:bottom; display:block; overflow:hidden; height:40px;}
#myRsvp2 {background:url(images/myBounce-rsvp_02.png) repeat-y;}
#myRsvp3 { font-size:12px; color:#666666; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:18px; padding:1px 10px 10px 30px;}


#myInvite {width:660px;}
#myInvite img { border:0;}
#myInviteTop { vertical-align:bottom; display:block; overflow:hidden; height:40px;}
#myInvite2 {background:url(images/myBounce-Invite_02.png) repeat-y;}
#myInvite3 { font-size:12px; color:#666666; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:18px; padding:1px 10px 10px 30px;}

#myInviteL { float:left; width:325px; text-align:left; padding:13px 0px;}
#myInviteR { float:right; width:290px; text-align:left; padding:8px 0px;}

#line { height:1px; border-bottom:solid 1px #CCC;}


/* ADMIN STYLE CLASSES */

#ainvite { border:solid 1px #000;}

.inputbutton1 {background-color:#91278f; border:solid 1px #F9F; color:#FFF; font-size:12px; padding:3px 10px 3px 10px; text-decoration:none; text-align:center;}
#inviteButton { visibility:visible; border:#000 solid 1px;}


#updatePanel { position:absolute; border:#909; background-color:#FFF; width:440px; left:280px; top:200px; border:solid 1px #93C;}
#updateNotesPanel { position:absolute; border:#909; background-color:#FFF; width:640px; left:180px; top:500px; border:solid 1px #93C;}
#updateInvitePanel { position:absolute; border:#909; background-color:#FFF; width:440px; left:200px; top:850px; border:solid 1px #93C;}

#updatePartyPanel {border:#909; background-color:#FFF; width:680px; top:100px; left:240px; border:solid 1px #93C; z-index:1000; position:absolute; font-family:Arial, Helvetica, sans-serif; padding:0px 0px 20px 0px;}

#newPartyL { float:left; width:310px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0px 0px 0px 20px;}
#newPartyR { float:right; width:310px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0px 20px 0px 0px;}
 
#newPartyLL { float:left; width:120px; text-align:left; padding:5px 0px 0px 0px;}
#newPartyRR { float:right; width:170px; text-align:left;}

#popHeader { background: url(images-site/white-grad.png) repeat-x #F9C; padding:5px; border-bottom:solid 1px #93C; }
#popHeaderL { float:left; text-align:right; padding:5px; color:#91278f; font-size:16px; font-weight:bold;}
#popHeaderR { width:25px; text-align:center; padding:5px; float:right;}

#picBtn { width:450px; padding:10px 0px; text-align:left;}

.saveParty {background-color:#093; border:solid 1px #306; color:#FFF; font-size:12px; padding:3px 10px 3px 10px; text-decoration:none; text-align:center;}

.inputbutton { background-color:#91278f; border:solid 1px #F9F; color:#FFF; font-size:12px; padding:3px 10px 3px 10px; text-decoration:none; text-align:center;}

#wishBtn {}
#wishBtn a { color:#FFF; text-decoration:none;}

.adminEditLink {}
.popupPanel { font-family:Arial, Helvetica, sans-serif;}
.adminFieldLabel {float:left; text-align:left; width:100px; padding:3px 0px 3px 20px; font-size:12px; color:#666;}
.adminField { float:right; width:290px; padding:3px 20px 3px 0px;}
.adminButton { padding:5px; text-align:center;}

#uploadStuff { text-align:center; padding:20px; font-size:12px; color:#666;}

#notesBtn { text-align:right; padding:10px;}

.loadingOverlay { z-index:2000; top:200px; margin:0 auto; position:absolute;}

#adminGrid { width:900px; margin:0 auto; padding:50px 0px 0px 0px;}

#adminMain { font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px; background-color:#FFF;}

#adminMain1 { font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px; background-color:#FFF; padding:10px; border-bottom:solid 1px #999; text-align:right;}

#managePdf { float:left; width:250px; text-align:left; padding:20px;}
#schedule { float:right; width:250px; text-align:left;}

#adminMain h1 { font-weight:bold; padding:0px 0px; color:#333; text-align:left; font-size:14px;}

#admin1 { float:left; width:270px; padding:20px 0px 0px 0px;}
#admin2 { margin-left:310px; width:300px; border-right:solid 1px #999; border-left:solid 1px #999; padding:20px 5px 5px 20px;}
#admin3 { float:right; width:250px; padding:20px 0px 0px 0px; position:relative;}

#adminClear { clear:both; display:block; background-color:#eaeaea;}
#adminClear a { color:#666; font-size:12px; font-weight:bold; text-decoration:none;}
#adminClear a:hover { text-decoration:underline;}

#admin1Clear { float:left; width:280px; text-align:right; padding:5px 0px 5px 0px;}
#admin2Clear { margin: 0px 0px 0px 320px; width:270px; border-right:solid 1px #999; border-left:solid 1px #999; padding:5px 35px 5px 20px; text-align:right;}
#admin3Clear { float:right; width:285px; text-align:right; padding:5px 35px 5px 0px;}


#adminOrderSearchL { float:left; width:100px; padding:3px 5px; text-align:right;}
#adminOrderSearchR { float:right; width:160px; padding:0px;}

#adminSearchL { float:left; width:70px; padding:7px 5px; text-align:right;}
#adminSearchR { float:right; width:160px; padding:0px;}

#adminLabelL { float:left; width:90px; padding:7px 5px; text-align:right;}
#adminLabelR { float:right; width:200px; padding:0px;}
#adminLabelL1 { float:left; width:125px; padding:3px;}
#adminLabelR1 { float:right; width:25px; padding:3px 0px 0px 0px;}

#adminFilter { }
#adminFilterL { float:left; width:90px; padding:5px 3px 0px 0px; text-align:right;}
#adminFilterR { float:right; width:150px; text-align:left; padding:0px;}

#dates { margin:0 auto; text-align:right; width:250px;}

#new { margin:0 auto; width:130px; padding:0px;}
#newL { float:left; width:25px; padding:0px; }
#newR {float:right; text-align:left; width:100px; padding:7px 0px 0px 0px;}
#newR a { color:#666; text-decoration:none;}
#newR a:hover { text-decoration:underline;}

#alerts { text-align:center; padding:5px; color:#F00; font-weight:bold;}

.logout { font-size:12px; padding:10px; font-family:Arial, Helvetica, sans-serif;}
.logout a { color:#333; text-decoration:none; font-weight:bold;}
.logout a:hover { color:#333; text-decoration:underline;}

#updateMainPdfPanel {border:#909; background-color:#FFF; width:680px; top:100px; left:240px; border:solid 1px #93C; z-index:900; position:absolute; font-family:Arial, Helvetica, sans-serif; padding:0px 0px 20px 0px;}
#updatePdfPanel {border:#909; background-color:#FFF; width:380px; top:130px; left:390px; border:solid 1px #93C; z-index:1000; position:absolute; font-family:Arial, Helvetica, sans-serif; padding:0px 0px 20px 0px;}
#pdfL { float:left; width:100px; text-align:right; font-size:12px; color:#666; padding:10px 0px 0px 0px;}
#pdfR { float:right; width:270px; text-align:left; font-size:12px; color:#666; padding:5px 0px 0px 0px;}

#pdfList { font-size:14px;}
#pdfList a { color:#909;}
#pdfList ul { list-style-image:url(images/splatt-bulletBig.png); padding:10px 0px 0px 60px;}
#pdfList li { padding-bottom:10px;}
#homepage_bold {color:#F00; font-weight:bold;}