* { margin:0; padding:0; outline: 0 !important; }

body { background:#ededed url(../images/bg_body.gif) repeat-x 0 0; font-family:'Trebuchet MS', Helvetica, sans-serif; font-size:62.5%; }


.male { color:#01A1E4; }
.female { color:#E8548D; }

.male h3 { color:#01A1E4; }
.female h3 { color:#E8548D; }

select {width: 118px; margin-bottom: 5px;}

input.focus, textarea.focus { background: #feebc3; }
input { padding-left: 2px !important; }

div#loading { position:absolute; top:140px; left:0; background: url(../images/ajax-loader.gif) no-repeat 50% 45%; width: 595px; height:358px; }
p#takeTooLong { text-align:center; font-size:1.2em; margin-top:80px; }

#printDesc { display:none; }


/* buttons and links */

a.addLink:link,
a.addLink:visited { float:right; width:14px; height:14px; outline:0; background:url(../images/icon_star_sml_off.gif) no-repeat 0 0; text-decoration:none; margin-left:3px; }
a.addLink:hover,
a.addLink:active { background:url(../images/icon_star_sml_on.gif) no-repeat 0 0; }

/* set cursor over the h3 to appear as the hand */
a.infoLink h3 { cursor:pointer; }

/* remove default underline for the info link */
a.infoLink:link,
a.infoLink:visited,
a.infoLink:hover,
a.infoLink:active { text-decoration:none; }

/* add border colors to the h3 inside the info link */
.male a.infoLink:link h3,
.male a.infoLink:visited h3 { border-bottom:1px solid #89d4f3; }
.male a.infoLink:hover h3,
.male a.infoLink:active h3 { border-bottom:1px solid #01a1e4;}

.female a.infoLink:link h3,
.female a.infoLink:visited h3 { border-bottom:1px solid #f6bcd2; }
.female a.infoLink:hover h3,
.female a.infoLink:active h3 { border-bottom:1px solid #e8548d; }

a.removeLink:link,
a.removeLink:visited { float:right; width:14px; height:14px; overflow:hidden; background:url(../images/icon_remove_off.gif) no-repeat 0 0; text-decoration:none; text-indent:-9999px; outline:0; margin-left:3px; }
a.removeLink:hover,
a.removeLink:active { background:url(../images/icon_remove_on.gif) no-repeat 0 0; }

a.removeAllLink:link,
a.removeAllLink:visited { font-size:1.1em; background:url(../images/icon_remove_all.gif) no-repeat 0 2px; padding-left:15px; color:#666; }
a.removeAllLink:hover,
a.removeAllLink:active { text-decoration:none; }

a.closePopLink:link,
a.closePopLink:visited { position:absolute; right:0; top:0; display:block; width:46px; height:19px; padding:6px 0 0 25px; background:url(../images/popup_close.gif) no-repeat 0 0; font-size:1.1em; font-weight:bold; color:#666; text-decoration:none; }
a.closePopLink:hover,
a.closePopLink:active { text-decoration:underline; }

a.primaryBtn:link,
a.primaryBtn:visited { float:left; height:26px; overflow:hidden; background:url(../images/btn_orangeSmall_right.gif) no-repeat right top; padding:0 10px 0 0; text-decoration:none; }
a.primaryBtn:hover,
a.primaryBtn:active { background-position:right bottom; }

a.primaryBtn:link span,
a.primaryBtn:visited span { float:left; height:20px; background:url(../images/btn_orangeSmall_left.gif) no-repeat left top; padding:6px 0 0 10px; font-size:1.1em; font-weight:bold; color:#444; cursor:pointer; }
a.primaryBtn:hover span,
a.primaryBtn:active span { background-position:left bottom; }

a.secondaryLink:link,
a.secondaryLink:visited { font-size:1.1em; font-weight:bold; color:#444; padding-left:10px; }
a.secondaryLink:hover,
a.secondaryLink:active { text-decoration:none; }


/* page layout */

#page { width:965px; margin:0 auto; padding:10px 0; }

#header { position:relative; }

h1.logo { float:left; margin:0 0 3px 5px; padding-top:15px; width:378px; }

#mainContent { float:left; position:relative; width:786px; }

#sideBar { float:right; width:160px; }
.sideBanner { background-color:#eee; margin:0 0 8px; }

a:link,
a:visited { color:#3488e1; }
a:hover,
a:active { color:#2f6cad; }

/* banner sizes */ 
.banner728x90 { width:728px; height:90px; }
.banner468x60 { width:468px; height:60px; }
.banner160x190 { width:160px; height:190px; }
.banner160x600 { width:160px; height:600px; }


#featureLW { position:absolute; top:25px; right:0; width:255px; background:url(../images/bg_feature_lw_btm.gif) no-repeat left bottom; padding:0 0 8px; }
#featureLWInner { background:url(../images/bg_feature_lw_top.gif) no-repeat 0 0; padding:6px 12px 0 55px; }
#featureLW p { font-size:1.1em; color:#555; line-height:1.4em; }

#topNav ul { float:right; list-style-type:none; }
#topNav li { display:inline; }

a.topNavLink:link,
a.topNavLink:visited { float:left; text-decoration:none; color:#3488e1; font-weight:bold; font-size:1.3em; padding-right:7px; }
a.topNavLink:hover,
a.topNavLink:active { text-decoration:underline; }

#nymblerBlog { margin-right:7px; border-right:1px solid #a4a5a6; }
#howItWorks { margin-right:7px; border-right:1px solid #a4a5a6; }
#helpfulHints { margin-right:7px; border-right:1px solid #a4a5a6; }
#submitAName { }

#footer { clear:both; padding:458px 0 0 10px; }
#footer p { font-size:1.1em; color:#4f4f4f; }

#footer a:link,
#footer a:visited { color:#4f4f4f; }
#footer a:hover,
#footer a:active { text-decoration:none; }

#nameInfoPage #footer { padding-top:508px; }

#betaIcon { position:absolute; top:-10px; left:0; }

/* start page */

#startPage #footer { padding:5px 0 0 40px; }

#startPage #betaIcon { left:30px; }

.noAd #mainContent { float:none; width:771px; margin:0 auto; }
.noAd #sideBar { display:none; }

#intro { width:696px; padding:45px 45px 50px 30px; background:url(../images/bg_intro.gif) no-repeat left bottom; }
#introContent { padding:30px 0 0 310px; background:url(../images/homepage_stork.png) no-repeat 0 15px; }
#introContent p { font-size:1.4em; line-height:1.4em; padding:8px 0; color:#444; }

#introContent p.endorsement { font-style:italic; padding-bottom:28px; }
#introContent p.endorsement strong { white-space:nowrap; }
#introContent p.endorsement img { float:left; margin:0 10px 0 0; }

a.startApplication:link,
a.startApplication:visited { float:left; width:293px; height:55px; margin:12px 0 0; background:url(../images/btn_enterNymbler.gif) no-repeat 0 0; text-indent:-9000px; text-decoration:none; }
a.startApplication:hover,
a.startApplication:active { background-position:left bottom; }


/* BNF styles */

#babyNameFinder { position:absolute; top:112px; left:0; width:786px; }

#workspace { width:600px; background:url(../images/bg_grid.jpg) no-repeat left bottom; }

#chosenNames { }

#inspiration { position:relative; height:140px; overflow:hidden; background:url(../images/bg_inspirations.jpg) no-repeat 0 0; }
#inspiration h2 { float:left; font-size:1.4em; padding:14px 0 10px 45px; color:#444; }
#inspiration h2 img { vertical-align:middle; margin:-3px 3px 0 0; }
#inspiration h2 span { font-weight:normal; font-size:.8em; color:#666; }

#addNameLink:link,
#addNameLink:visited { position:absolute; top:117px; left:10px; width:181px; height:20px; overflow:hidden; font-size:1em; font-weight:bold; color:#939;  background:url(../images/btn_add_name.gif) no-repeat 0 0; text-decoration:none; text-indent:-9999px; }
#addNameLink:hover,
#addNameLink:active { background-position:left bottom; }

ul.dropBox { list-style-type:none; height:80px; overflow:auto; }
.hasJS ul.dropBox { height:auto; overflow:visible; }

ul.dropBox li { float:left; position:relative; width:130px; height:32px; padding:2px; overflow:hidden; margin:0 3px 3px 0; background-color:#fff; border:1px solid #b3ad98; border-bottom:2px solid #646464; }
.hasJS ul.dropBox li { width:136px; height:27px; padding:0; margin:0 8px 5px 0; }
ul.dropBox li.default { float:none; width:auto; height:auto; margin:0; background-color:transparent; border:0; font-size:1.4em; line-height:1.3em; padding:0 20px 5px; }
ul.dropBox li.default img { vertical-align:middle; }
ul.dropBox li.default p { font-size:1.1em; }

ul.dropBox h3 { font-size:1.2em; }
.hasJS ul.dropBox h3 { float:left; font-size:1.3em; margin:0px 0px 0px 8px; padding:5px 0pt 0pt 0px; }

ul.dropBox input { position:absolute; top:20px; left:-9999px; }
ul.dropBox input.likeCheck { left:2px; }
.hasJS ul.dropBox input,
.hasJS ul.dropBox input.likeCheck { top:0; left:-9999px; }

ul.dropBox label.likeLabel { position:absolute; top:20px; left:18px; }
.hasJS ul.dropBox label.likeLabel { left:-9999px; }

ul.dropBox label.favLabel { display:none; }
.hasJS ul.dropBox label.favLabel { display:block; float:right; padding:0; width:12px; height:11px; overflow:hidden; text-indent:-9999px; background:url(../images/icon_favorite_sm_off.gif) no-repeat 0 0; margin:10px 18px 0 3px; }

.hasJS ul.dropBox li.favsOn label.favLabel,
.hasJS ul.dropBox label.favHover { cursor:pointer; background:url(../images/icon_favorite_sm_on.gif) no-repeat 0 0; }

ul.dropBox a.removeLink:link,
ul.dropBox a.removeLink:visited { position:absolute; top:10px; right:3px; width:12px; height:12px; background:url(../images/icon_remove_sm_off.gif) no-repeat 0 0; }
ul.dropBox a.removeLink:hover,
ul.dropBox a.removeLink:active { background:url(../images/icon_remove_sm_on.gif) no-repeat 0 0; }

#removeAllInsp { position:absolute; top:120px; left:335px; }

#removeAllBlocked { padding-left: 15px; border-left-width: 0px; margin-left: 20px; margin-top: 10px; }
#removeAllFavs { padding-left: 15px; border-left-width: 0px; margin-left: 40px; margin-top: 10px;}



#primaryNames { float:left; width:440px; padding:0 0 10px 10px; }

#submitNames { position:absolute; right:10px; bottom:10px; width:120px; }
#submitNames p { font-size:1.1em; padding:0 0 10px; }

/* FAVORITES */

#favorites { position:absolute; top:12px; right:0; width:175px; height:299px; padding:0 5px 5px; background:#f8f8f8 url(../images/bg_favorites.gif) repeat-x 0 0; border:1px solid #b1b1b1; border-left:0; }
#favorites h2 { float:left; font-size:1.1em; height:22px; overflow:hidden; padding:6px 0 0 22px; background:url(../images/icon_favorite_on.gif) no-repeat 0 8px; }
#favorites h2 img { vertical-align:middle; margin-top:1px; }

#favoriteLinks { float:right; width:50px; padding:8px 5px 0 0; }

#favoriteLinks a:link,
#favoriteLinks a:visited { float:right; width:15px; height:12px; overflow:hidden; font-size:1.1em; text-decoration:none; text-indent:-9999px; margin-left:7px; }
#favoriteLinks a:hover,
#favoriteLinks a:active { text-decoration:underline; }

#favoriteLinks a#printLink { background:url(../images/icon_print.gif) no-repeat 0 0; }
#favoriteLinks a#emailLink { background:url(../images/icon_email.gif) no-repeat 0 1px; }

#favoritesContainer { clear:both; width:175px; height:270px; overflow:auto; margin-bottom:4px; }

#favoritesList { list-style-type:none; border-top:1px solid #cfb3dc; margin-bottom:3px; }
#favoritesList li { height:3.5em; border-bottom:1px solid #cfb3dc; padding:3px 0; }
.hasJS #favoritesList li { height:1.5em; padding:4px 0 6px; }
#favoritesList li.default { font-size:1.1em; color:#888; line-height:1.5em; border:0pt none;}
#favoritesList h3 { float:left; font-size:1.4em; }
.hasJS #favoritesList h3 {  }

#favoritesList label.favLabel,
#favoritesList input { float:left; }
#favoritesList input { clear:left; margin-right:3px; }

#favoritesList input.likeCheck,
.hasJS #favoritesList label.favLabel,
.hasJS #favoritesList input { clear:none; position:absolute; left:-9999px; }

#favoritesList label.favLikeLabel { display:none; }
.hasJS #favoritesList label.favLikeLabel { display:block; float:right; width:14px; height:14px; overflow:hidden; text-indent:-9999px; background:url(../images/icon_star_sm_off.gif) no-repeat 0 0; z-index:99; cursor:pointer; }

#favoritesList li.likedOn label.favLikeLabel,
#favoritesList label.likeHover { background:url(../images/icon_star_sm_on.gif) no-repeat 0 0 !important; cursor:pointer; }

#favoritesList a.removeLink:link,
#favoritesList a.removeLink:visited,
#favoritesList a.removeLink:hover,
#favoritesList a.removeLink:active { float:right; text-indent:-9999px; }

/* END FAVORITES */

/*  BLOCKED */

#blocked { position:absolute; top:311px; right:0; width:175px; height:129px; padding:0 5px 5px; background:#f8f8f8 url(../images/bg_favorites.gif) repeat-x 0 0; border:1px solid #b1b1b1; border-left:0; }
#blocked h2 { float:left; font-size:1.1em; height:22px; overflow:hidden; padding:6px 0 0 20px; background:url(../images/icon_block_on.gif) no-repeat 0 8px; }
#blocked h2 img { vertical-align:middle; margin-top:1px; }

#blockedContainer { clear:both; width:175px; height:106px; overflow:auto; margin-bottom:4px; }

#blockedList { list-style-type:none; border-top:1px solid #cfb3dc; margin-bottom:3px; }
#blockedList li { height:3.5em; border-bottom:1px solid #cfb3dc; padding:3px 0; }
.hasJS #blockedList li { height:1.5em; padding:4px 0 6px; }
#blockedList li.default { font-size:1.1em; color:#888; line-height:1.5em; border:0pt none;}
#blockedList h3 { float:left; font-size:1.4em; }
.hasJS #blockedList h3 {  }

#blockedList label.bloLabel,
#blockedList input { float:left; }
#blockedList input { clear:left; margin-right:3px; }

.hasJS #blockedList label.bloLabel,
.hasJS #blockedList input { clear:none; position:absolute; left:-9999px; }

#blockedList a.removeLink:link,
#blockedList a.removeLink:visited,
#blockedList a.removeLink:hover,
#blockedList a.removeLink:active { float:right; text-indent:-9999px; }


/* END BLOCKED */

#instruction { padding:10px 7px 10px; margin:0 4px; border-top:1px solid #ab9e83; }
.hasJS #instruction { padding-bottom:15px; }
#instruction h2 { font-size:1.3em; font-weight:normal; }


/* name blocks - shared styles */

.nameBlocks { list-style-type:none; }
.hasJS .nameBlocks li { background:#fff url(../images/icon_star_on.gif) no-repeat 0 0; }

#nameInfoPage .nameBlocks li { background:#fff; }


.nameBlocks h3 { font-size:1.2em; }
.hasJS .nameBlocks h3 { float:left; font-size:1.4em; line-height:1.2em; margin:10px 0 0 35px; }
.hasJS .nameBlocks input { position:absolute; left:-9999px; }

.hasJS .nameBlocks label.favLabel { width:16px; height:14px; overflow:hidden; text-indent:-9999px; background:url(../images/icon_favorite_off.gif) no-repeat 0 0; }
.hasJS .nameBlocks label.likeLabel { width:23px; height:23px; overflow:hidden; text-indent:-9999px; background:#fff url(../images/icon_star_off.gif) no-repeat 0 0; cursor:pointer; }
.hasJS .nameBlocks label.likeHover { cursor:pointer; background:url(../images/icon_star_hover.gif) no-repeat 0 0; }

.hasJS .nameBlocks li.favsOn label.favLabel,
.hasJS .nameBlocks label.favHover { cursor:pointer; background:url(../images/icon_favorite_on.gif) no-repeat 0 0; }


.hasJS .nameBlocks label.bloLabel { float:right; width:14px; height:14px; overflow:hidden; background:url(../images/icon_block_off.gif) no-repeat 0 0; text-decoration:none; font-size:1em; outline:0; margin-left:3px; text-indent:-9999px; }
.hasJS .nameBlocks li.blosOn label.bloLabel,
.hasJS .nameBlocks label.bloHover { cursor:pointer; background:url(../images/icon_block_on.gif) no-repeat 0 0; }




/* name blocks - 'add name' styles */

#addName .nameBlocks li { position:relative; display:block; height:28px; }
#addName .nameBlocks h3 { margin:4px 0 0 32px; }
#addName .nameBlocks label.likeLabel { position:absolute; left:0; top:0; padding:0; }


/* name blocks - suggestion grid styles */

#suggestions { position:relative; margin:0 10px; }

#nameGrid { height:275px; }

#suggestions .nameBlocks li { position:absolute; z-index:1; width:177px; height:44px; padding:0 3px; overflow:auto; border:1px solid #B3AD98; background-color:#fff; }
.hasJS #suggestions .nameBlocks li { padding:0; width:183px; height:36px; background-position:5px 7px; overflow:hidden; }
.hasJS #suggestions .nameBlocks li.fadeHide { visibility:hidden; filter:alpha(opacity=0); opacity:0; -moz-opacity:0; }

.hasJS #suggestions .nameBlocks input { left:-9999px; }

#suggestions .nameBlocks label,
#suggestions .nameBlocks input { position:absolute; }

.hasJS #suggestions .nameBlocks h3 {  }

#suggestions .nameBlocks input.likeCheck,
#suggestions .nameBlocks label.likeLabel { top:16px; }
#suggestions .nameBlocks input.favCheck,
#suggestions .nameBlocks label.favLabel { top:30px; }
#suggestions .nameBlocks input.bloCheck,
#suggestions .nameBlocks label.bloLabel { top:44px; }


#suggestions .nameBlocks input.likeCheck,
#suggestions .nameBlocks input.favCheck,
#suggestions .nameBlocks input.bloCheck { left:2px; }
.hasJS #suggestions .nameBlocks input.likeCheck,
.hasJS #suggestions .nameBlocks input.favCheck, 
.hasJS #suggestions .nameBlocks input.bloCheck { top:0; left:-9999px; }

#suggestions .nameBlocks label.likeLabel,
#suggestions .nameBlocks label.favLabel,
#suggestions .nameBlocks label.bloLabel { left:18px; }
.hasJS #suggestions .nameBlocks label.likeLabel { left:5px; top:7px; }
.hasJS #suggestions .nameBlocks label.favLabel { position:static; float:right; margin:10px 5px 0 0; }

.hasJS #suggestions .nameBlocks label.bloLabel { position:static; float:right; margin:10px 5px 0 0; }

.hasJS #suggestions .nameBlocks li.likedOn label.likeLabel { left:-9999px; }



/* grid positioning */
/* rows */
#n0, #n1, #n2 { top:0; }
#n3, #n4, #n5 { top:50px; }
#n6, #n7, #n8 { top:100px; }
#n9, #n10, #n11 { top:150px; }
#n12, #n13, #n14 { top:200px; }
#n15, #n16, #n17 { top:250px; }

/* columns */
#n0, #n3, #n6, #n9, #n12, #n15 { left:0; }
#n1, #n4, #n7, #n10, #n13, #n16 { left:195px; }
#n2, #n5, #n8, #n11, #n14, #n17 { left:390px; }


ul.parents {display: none;}

.hasJS ul.parents {display: block; position:absolute; text-align: center; z-index:1000; width:183px; height:36px; border:1px solid #f3f3f3; background-color: #fff; top:0; left: 0;}

#namePopup ul.parents {position: static; width: auto; text-align: left; height: auto; border: none; background: none; font-size: 1.2em;}

.hasJS #namePopup ul.parents {margin-bottom: .5em;}

.hasJS #suggestions ul.parents li, 
.hasJS #namePopup ul.parents li {position:static; border:0; width:auto; height:auto; display:inline; margin:2px; background:none; }

.hasJS ul.parents li.weight1 {font-size: 1em; }
.hasJS ul.parents li.weight2 {font-size: 1.1em; }
.hasJS ul.parents li.weight3 {font-size: 1.2em; }
.hasJS ul.parents li.weight4 {font-size: 1.3em; }
.hasJS ul.parents li.weight5 {font-size: 1.4em; }
.hasJS ul.parents li.weight6 {font-size: 1.5em; }

.hasJS #suggestions ul.parents li.weight1 { color: #ddd;}
.hasJS #suggestions ul.parents li.weight2 { color: #cdcdcd;}
.hasJS #suggestions ul.parents li.weight3 { color: #ccc;}
.hasJS #suggestions ul.parents li.weight4 { color: #bcbcbc;}
.hasJS #suggestions ul.parents li.weight5 { color: #bbb;}
.hasJS #suggestions ul.parents li.weight6 { color: #ababab;}

.hasJS #namePopup ul.parents li.weight1 { color: #888;}
.hasJS #namePopup ul.parents li.weight2 { color: #777;}
.hasJS #namePopup ul.parents li.weight3 { color: #666;}
.hasJS #namePopup ul.parents li.weight4 { color: #555;}
.hasJS #namePopup ul.parents li.weight5 { color: #444;}
.hasJS #namePopup ul.parents li.weight6 { color: #333;}


/* popup styles + more name blocks */

#popupScreen { position:absolute; top:0; left:0; width:0; height:0; z-index:99999; filter:alpha(opacity=30); opacity:.3; -moz-opacity:.3; }

.popupBox, .popupBoxSml { position:absolute; left:50%; margin-left:-350px; z-index:999999; padding:15px 0 0; }
#namePopup {display: none;}/*hide popup until positioning is set*/
#nameInfoPage .popupBox { top:30px; }
#nameInfoPage #namePopup {display: block;} /*fix blank page for info in non-JS*/
.popupBox .popupInner, .popupBoxSml .popupInner { position:relative; padding:0 12px 5px; }

#popupLoading { height:200px; background:#fff url(../images/ajax-loader_whitebg.gif) no-repeat center center; }

.popupBox { width:480px; background:url(../images/popup_top_480px.gif) no-repeat 0 0; }
.popupBox .popupInner { background:url(../images/popup_btm_480px.gif) no-repeat left bottom; }

.popupBoxSml { width:250px; background:url(../images/popup_top_250px.gif) no-repeat 0 0; }
.popupBoxSml .popupInner { background:url(../images/popup_btm_250px.gif) no-repeat left bottom; }

.popupInner h2 { font-size:1.6em; padding:0 0 5px; color:#306; }
.popupInner p { padding:0 0 8px; line-height:1.4em; font-size:1.1em; }

.popupInner p.errorMssg { color:red; }

#addName label, 
#emailFavorites label.textbox, 
#emailFavorites h3 { display:block; padding:5px 0 2px; font-size:1.3em; font-weight:bold; color:#68a4e3; }
#emailFavorites h3 { padding:5px 0; }
#emailFavorites label.textbox { clear:both;}
#checkbox {font-size:0.85 em; font-weight:bold; color:#68a4e3; padding:5px 0 2px;}

#emailFavorites label span { font-weight:normal; font-size:.9em; color:#666; }

#emailFavorites { top:130px; }
#emailFavorites input#newEmailSubmit { float:right; width:auto; }
#emailFavorites textarea { width:404px; padding:3px; font-family:'Trebuchet MS', Helvetica, sans-serif; font-size:1.3em; margin:0 0 10px; }
#emailFavorites .popupInner p { padding:0 0 5px; }
#messagePreview { padding:0 0 5px 15px; }
#messagePreview p { font-size:1.2em; line-height:1.3em; }
#messagePreview ul { margin:0 0 5px; list-style-type:none; }
#messagePreview li { float:left; font-size:1.1em; padding:0 5px 3px 0; }
#messagePreview li span { font-weight:normal; color:#666; }

#sendFavsFrom { width:210px; font-family:'Trebuchet MS', Helvetica, sans-serif; font-size:1.3em; margin:0 0 10px;}
#sendFavsTo { float:left; margin:0 20px 0 0; }

#addName input { font-family:'Trebuchet MS', Helvetica, sans-serif; font-size:1.3em; margin:0 0 10px; }

#addName, #maxNameWarning { top:130px; }

#addName h2 { width:70%; }
#addName h4 { clear:both; padding:10px 0 3px; font-size:1.1em; }
#newNameSubmit { float:right; }

#maxNameWarning h2 { font-size:1.6em; padding:0 0 8px; }
#maxNameWarning ul { list-style-type:none; margin:5px 0 0; }
#maxNameWarning li { float:left; clear:left; padding:0 0 8px; }
#maxNameWarning form { margin:5px 0; }
#maxNameWarning fieldset { clear:both; border:0; padding:10px 0 0; }
#maxNameWarning label { font-size:1.1em; color:#666; }
#maxCancel { white-space:nowrap; }

#namePopup p { font-size:1.3em; padding:0 0 12px; margin-right:50px; }
#namePopup h4 { font-size:1.2em; padding:0 0 8px; }
#namePopup h5 { font-size:1.2em; padding:0 0 5px; color:#306; }
#namePopup h5.inspiredBy { clear:both; }
#namePopup h5.similar { padding:10px 0 4px; }
#namePopup th, 
#namePopup td { padding:0 15px 3px 0; font-size:1.1em; }
#namePopup th { text-align:left; color:#444; }
#namePopup td { text-align:right; padding-right:10px; }
#namePopup td img { margin-top: 3px; padding-right: 3px;}

#popThisName { }
#popSimilarNames { border-top:1px solid #ccc; padding:0 0 5px; }

#popTable { float:left; margin:0 0 12px 0; width:190px; }
#popGraphic { float:left; padding:0 0 10px; width:230px; }

#popThisName .nameBlocks li { position:relative; height:40px; padding-right:120px; margin-bottom:5px; background-image:none; border-bottom:1px solid #f3f3f3; }
#popThisName .nameBlocks h3 { float:left; font-size:2em; margin:0 0 10px; }

#popThisName .nameBlocks label.likeLabel,
#popThisName .nameBlocks li.likedOn label.likeLabel,
#popThisName .nameBlocks label.likeHover { float:right; padding:0 0 3px 18px; width:auto; height:14px; overflow:visible; font-size:1em; font-family:Verdana; color:#888; text-indent:0; }

#popThisName .nameBlocks label.likeLabel { background:url(../images/icon_star_sm_off.gif) no-repeat 0 0; cursor:pointer; margin:0 2px 0 0; }

#popThisName .nameBlocks li.likedOn label.likeLabel,
#popThisName .nameBlocks label.likeHover { background:url(../images/icon_star_sm_on.gif) no-repeat 0 0; color:#888; }

#popThisName .nameBlocks label.favLabel { clear:right; float:right; margin:5px 0 0; width:auto; overflow:visible; text-indent:0; cursor:pointer; color:#888; font-size:1em; font-family:Verdana; padding-left:17px; white-space:nowrap; background:url(../images/icon_favorite_sm_off.gif) no-repeat 0 0; }

#popThisName .nameBlocks li.favsOn label.favLabel,
#popThisName .nameBlocks label.favHover { color:#888; background:url(../images/icon_favorite_sm_on.gif) no-repeat 0 0; }

/* --- */

#popThisName .nameBlocks a.startWith { float:right; padding:0 0 3px 18px; width:auto; height:14px; overflow:visible; font-size:1em; font-family:Verdana; color:#888; text-indent:0; background:url(../images/icon_star_sm_on.gif) no-repeat 0 0; }

/* --- */

#popSimilarNames .nameBlocks li { float:left; width:183px; height:28px; margin:0 10px 5px 0; background-position:5px 2px; border:1px solid #f3f3f3; background-color:#fff; }
.hasJS #popSimilarNames .nameBlocks li { position:relative; }
#popSimilarNames .nameBlocks h3 { margin:5px 0 0 32px; }

#popSimilarNames .nameBlocks label,
#popSimilarNames .nameBlocks input { position:absolute; left:-9999px; }

.hasJS #popSimilarNames .nameBlocks label.likeLabel { left:5px; top:2px; }
.hasJS #popSimilarNames .nameBlocks li.likedOn label.likeLabel { left:-9999px; }

.hasJS #popSimilarNames .nameBlocks label.favLabel { position:static; float:right; margin:7px 7px 0 0; }

/* Submit new name pop-up */
.popupBoxNewName { width:480px; top: 50px; margin-top:110px; padding:15px 0pt 0pt; position:absolute; 
	 left:50%; margin-left:-350px; z-index:999999; background:url(../images/popup_top_480px.gif) no-repeat 0 0; }
	 	 
.popupBoxNewName .popupInner { background:url(../images/popup_btm_480px.gif) no-repeat left bottom; padding-left:10px; }
.popupBoxNewName label { color:#3488E1; font-size:1.3em; font-weight:bold; }
#sendNewNameGenderGirlLabel { color:#E8548D; font-size:1.3em; font-weight:bold; }

/* static content pages (about us, contact us, helpful hints, how it works, privacy) */
#staticHeader { padding:0 0 10px; }
#staticBody { height:300px; padding-right:20px; overflow:auto; margin:0 0 5px; }

#staticHeader h1, 
#staticBody h2, 
#staticBody h3 { color:#68a4e3; }

#staticBody h1 { float:left; font-size:2em; font-weight:normal; }
#staticBody h2 { font-size:1.7em; padding:5px 0 10px; }
#staticBody h3 { font-size:1.5em; padding:5px 0 10px; }
#staticBody p { font-size:1.3em; padding:0 0 12px; line-height:1.5em; }
#staticBody sup { font-size:.7em; }

#static { background-image:none; background-color:#fff; }
#static #popupScreen { display:none; }

#static .popupBox, 
#static .popupBoxSml { position:relative; left:0; margin-left:0; padding:15px 0 0; width:780px; background-image:none; }
#static .popupBox .popupInner, 
#static .popupBoxSml .popupInner { position:relative; padding:0 12px 5px; background-image:none; }
#static #staticBody { height:auto; overflow:visible;visible; }

#static a.closePopLink:link,
#static a.closePopLink:visited,
#static a.closePopLink:hover,
#static a.closePopLink:active { display:none; }


p.noResult { padding:18px 0 10px; line-height:1.5em; }

h4.parentsTitle {display: none;}

#btn_submit, 
#btn_submit_bottom { cursor:pointer; }

#btn_submit_bottom { position:absolute; top:430px; left:490px; }

@media handheld {
	h4.parentsTitle {display: block;}
  	#btn_submit_bottom {display: block;}
}

/*social networking links */
div .sociable { margin:16px 0pt !important; font-size:1.1em; color:#4f4f4f; padding-left:10px; }
#startPage div .sociable { padding-left:40px; }
span.sociable_tagline { position: relative; }
.sociable span { display: block; }
.sociable ul { display: inline;	margin: 0 !important; padding: 0 !important; }
.sociable li { background: none; display: inline; list-style-type: none; margin: 0; padding: 2px; }
.sociable ul li:before { content: ""; }
.sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0; }
.sociable-hovers { opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40); }
.sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }

/* ----- clear fix for floats ----- */
/* these styles instruct non-IE browsers to render container elements so that they fully enclose floats */		
/* without this class applied, a float might hang over the bottom border of its container */
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }		

/* hides clearfix from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end hide from IE-mac */