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

html, body { margin: 0 auto; padding: 0; font-size: 12px; line-height: 14px; font-family:Arial, Helvetica, sans-serif; z-index: 100; background-image: url(../images/bg.gif); background-repeat: repeat-y; background-position: top center;}

a, a img, img { border: 0px; text-decoration: none; outline: 0;}
a, a:visited{ color: #e71482; text-decoration: none; border: 0px; font-weight: bold; outline: 0;}
a:hover { color: #000 !important; text-decoration: none; border: 0px; outline: 0;}
.hfour { font-weight: bold; color: #000; font-size: 13px;}

object, embed {
	outline:none;
	position:relative;
	z-index:5;
}
/*  head.asp */

#wrapper { position: relative; width: 960px; margin: 0 auto; z-index: 200;}
#countdown { position: relative; float: right; right: 10px; top: 0px; width: 342px; height: 43px; padding: 4px 0 0 0; margin: 0; background-position: 0px 0px; z-index: 300; background: url(images/happy_sye.gif); border: 0px solid #000;}
#banner { position: relative; float: right; right: 10px; top: 0; width: 728px; height: 90px; padding: 0; margin: 6px 0 10px 0; background-color: #eee; z-index: 300; color: #fff; text-align: center; font-weight: bold;}
#home_link { position: absolute; left: 10px; top: 13px; width: 174px; height: 209px; padding: 0; margin: 0; z-index: 1000;}
#nav_box { position: relative; float: right; right: 10px; top: 0; width: 802px; height: 41px; padding: 0; margin: 0; z-index: 600; background-image: url(../images/nav_bg.gif);}

#content { position: relative; float: left; top: 0px; width: 958px; padding: 20px 0 20px 0; margin: 0px 0 0px 1px; *margin: 0px 0 0px 2px; line-height: 16px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #999; z-index: 600;}
#home #content { padding: 20px 0 0px 0;}

/*  foot.asp */

#footer { position: relative; float: left; top: 0px; left: 0px; height: 230px; width: 960px; margin-top: 0; padding: 20px 0 0 0;  border-top: 1px solid #c7c7c7; z-index: 700;}
#footer a, #footer a:visited { color: #000 !important;}
#footer a:hover { color: #e50278 !important;}
#divider { display: none; position: relative; float: left; top: 0px; left: 25px; width: 910px; height: 20px; margin-top: 0px; border-top: 1px solid #c7c7c7;}
#subscribe { position: relative; float: left; left: 15px; width: 300px; height: 75px; margin: 0; padding: 0; color: #ccc; font-size: 10px;}
#ft_sponsors { position: relative; float: right; right: 10px; width: 570px; height: 81px; margin: 0; padding: 0px 0 0 0; color: #000;}
#legal { position: relative; float: left; left: 15px; width: 400px; margin: 20px 0 0 0; padding: 10px 0 0 0; color: #797979; font-size: 10px; line-height: 12px;}
#sendtoafriend { position: relative; float: right; right: 70px; width: 360px; height: 65px; margin: 30px 0 0 0; padding: 0px 0 0 0; color: #797979; font-size: 10px; font-weight: bold;  z-index: 700;}

/*---- navigation --- */
#nav { border: none; list-style: none; margin: 0 0 0 32px; padding:0; position: absolute; top: 0px; width: 770px; height: 41px; z-index: 700; background-color: #e71482;}
#nav li { display: inline; float: left; list-style: none; position: relative; height: 41px;}
#nav a { display: block; height: 41px; text-indent:-9000px; overflow: hidden; position: relative; width: 135px;}
#n1 a { background: url(../images/nav.gif) -2px 0px no-repeat; width: 80px;}
#n1 a:hover { background-position: -2px -43px;}
#n2 a { background: url(../images/nav.gif) -83px 0px no-repeat; width: 156px;}
#n2 a:hover, #partyplanner #n2 a { background-position: -83px -43px;}
#n3 a { background: url(../images/nav.gif) -237px 0px no-repeat; width: 109px;}
#n3 a:hover, #stylefile #n3 a { background-position: -237px -43px;}
#n4 a { background: url(../images/nav.gif) -410px 0px no-repeat; width: 124px;}
#n4 a:hover, #resources #n4 a { background-position: -410px -43px;}
#n5 a { background: url(../images/nav.gif) -534px 0px no-repeat; width: 124px;}
#n5 a:hover, #recipebox #n5 a { background-position: -534px -43px;}
#n6 a { background: url(../images/nav.gif) -648px 0px no-repeat; width: 70px;}
#n6 a:hover, #win #n6 a { background-position: -648px -43px;}
#n7 a { background: url(../images/nav.gif) -710px 0px no-repeat; width: 70px;}
#n7 a:hover, #faq #n7 a { background-position: -710px -43px;}

/* inside pages */
#leftcol { position: relative; float: left; top: 0px; left: 0px; width: 325px; height: 519px; margin-top: 0px; padding-bottom: 0px; border-right: 1px solid #c7c7c7;}
#rightcol { position: relative; float: right;}
#content_copy { position: relative; float: left; left: 0px; top: 0px; width: 595px; padding: 0 0 0 25px; margin: 0px 0 0px 0px; line-height: 16px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000; z-index: 600;} 
.title { font-size: 26px; line-height: 30px; font-weight: bold; padding: 0 0 10px 0;}
.inside { position: relative; float: right; padding: 0 0 15px 10px; margin-left: 10px;}
.ul_inside { line-height: 20px; margin: 0; padding: 5px 0 0 20px; list-style: circle;}
.ul_inside li { padding: 0 0 5px 0;}
.headlines { padding: 15px 0 5px 0;} 
p { padding: 0; margin: 0; line-height: 18px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000; z-index: 600;}

#sharebox { position:absolute; top: -304px; *top: -295px; _top: -322px; left:1px; width:160px; border:2px solid #e71482; background:#fff; padding: 10px; display: none; z-index:1000;}
@media screen and (-webkit-min-device-pixel-ratio:0){ #sharebox { top:-306px}}
.submit2 { font-size: 12px; font-weight: bold; color: #fff; margin:0; padding: 3px; background-color: #e50278;}

/* links */
#partyplanner a, #partyplanner a:visited { color: #1cd9ff;}
#stylefile a, #stylefile a:visited { color: #ecce04;}
#resources a, #resources a:visited { color: #0099bd;}
#recipebox a, #recipebox a:visited { color: #fb7c1a;}
#faq a, #faq a:visited { color: #009d8b;}
#win a, #win a:visited { color: #c1d72d;}
/*#partyplanner a:hover, #stylefile a:hover, #resources a:hover, #recipebox a:hover, #faq a:hover, #evite a:hover { color: #000;}*/


#win .asterisk { color: #c1d72d;}
#win #winit .submit1 { background-color: #c1d72d;}
#win .school {width: 140px;} 
#win .month {width: 50px; margin: 0 0 0 5px;} 
#win .day {width: 50px; margin: 0 0 0 5px;}

#win textarea { color: #45A3D4; background-color: #eee; height: 60px; font-size: 11px; width: 420px; border: 0; font-weight: bold;}
.input2 { color: #45A3D4; background-color: #eee; font-size: 12px; font-weight: bold; width: 140px; border: 0;} 

/* Invite e-card page */
.bordered { cursor: pointer;}
.city_on { border: 1px solid #e71482; padding: 2px;}
.city_off { border: 0px solid #e71482; padding: 3px;}
.invite_city { float: left; width: 170px; height: 170px; padding: 5px; margin: 2px; text-align: center;}
#cardprev { position:absolute; width:705px; height:675px; background:none; left: 290px; _left:300px; top: 280px; *top: 320px; z-index:1000;}
form { padding: 0px 0 0 0;}
.smtxt { font-size: 10px;}
.smtxt a:hover { text-decoration:underline;}
fieldset { width: 570px; float: left; margin: 10px 0 10px 0; display: block; padding: 10px; font-size: 11px;}
fieldset p { width: 320px; float: left; *margin: 10px 0 0 0;}
legend { font-weight: bold; text-transform: uppercase; font-size: 11px; color: #f96a33; margin: 0;}
.input1 { color: #45A3D4; background-color: #eee; height: 16px; font-size: 12px; font-weight: bold; width: 140px; border: 0;} 
.age { width: 20px;}
.school { width: 160px;}
.asterisk { font-size: 10px; font-weight: bold; color: #E71482;}
label { color: #000; display: block; font-size: 10px; font-weight: bold; margin: 0 0 6px 0;}
#evite textarea { color: #45A3D4; background-color: #eee; height: 16px; font-size: 11px; width: 140px; border: 0;}
.submit1 { font-size: 12px; font-weight: bold; color: #fff; margin: 0px 0 0 0; background-color: #e50278;}
.required { font-size: 10px; color: #45A3D4;}
.invite_columns { float: left; width: 170px; height: 125px; border: none; padding: 0px; margin: 0px 2px 2px 2px; text-align: left;}
#evite_columns { text-align: left;}


/* jquery.smfbox.css */
#smfbox { background: #000; border: 1px solid #000; display: none; font-size: 12px; margin:0 auto; overflow: hidden; padding: 0px; position: relative; top: 0; width:420px; *width:440px; height: 380px; z-index:9001; }
.wide_smfbox { background: #000 !important; border: 1px solid #000 !important; display: none; font-size: 12px !important; margin:0 auto !important; overflow: hidden !important; padding: 0px !important; position: relative !important; top: 0 !important; width: 720px !important; _width: 730px !important; height: 510px !important; z-index:9001 !important; }
#smfclose { cursor: pointer; position: absolute; right: 10px; font-size: 10px; color: #fff !important; }
#smfclose:hover { color: #ccc !important; }
#smfwrapper { height: 1px; _height: 5px; left:0; position: absolute; _position: absolute; top: 106px; /*top:20%; _top: expression( ( 50 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );*/ width: 100%; z-index: 9000; overflow: visible;}
#smfoverlay { background:#000; display: none; height: 100%; _height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); left: 0; position: fixed; _position: absolute; top: 0; width: 100%; _width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px'); z-index: 8000; }