@charset "UTF-8";
/* Babynames Widgets CSS 
	for MomLogic.com   */

* {
	margin:0;
	padding:0;
}

body, a {
	color:#4995ac;
	font-family:Century Gothic, AvantGarde, Verdana, Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

a:hover {
	border-bottom:2px #4995ac dashed;
}

body p {
	margin:4px;
}

.widget {
	height:250px;
	width:300px;
	position:relative;
}

#duedate_widget {
	background-image:url(/_assets/img/mlwidgets/due-date-calculator.png);
}

#search_widget {
	height:224px;
	background-image:url(/_assets/img/mlwidgets/search-for-name.png);
}

#notd_widget {
	background-image:url(/_assets/img/mlwidgets/name-of-the-day.png);
}

#popular_widget {
	background-image:url(/_assets/img/mlwidgets/popular-names.png);
}

#renamer_widget {
	background-image:url(/_assets/img/mlwidgets/random-renamer.png);
}

#games_widget {
	background-image:url(/_assets/img/mlwidgets/baby-shower-games.png);
}

#dateform {
	width:100%;
	position:absolute;
	top:105px;
}

#dateform p {
	text-align:center;
	margin:10px;
}

#dateform .header {
	font-size:12px;
}

input#calculate {
	margin-top:10px;
	height:30px;
	width:158px;
}

#duedateresult {
	font-size:12px;
	position:absolute;
	top:101px;
	margin:10px;
	margin-left:20px;
	height:133px;
	overflow:auto;
	width:260px;
}

#duedateresult .link {
	font-style:italic;
	font-weight:bold;
	text-align:right;
}

#searchform {
	width:100%;
	position:absolute;
	top:91px;
}

#searchform p {
	margin:2px;
	margin-left:10px;
	font-size:16px;
}

#searchform p#infotext {
	font-size:18px;
	margin-bottom:10px;
	margin-top:7px;
}

#searchform input#namefield {
	color:#4995ac;
	font-size:16px;
	height:22px;
	width:200px;
	padding-top:2px;
	padding-left:4px;
	border:1px solid #4995ac;
}

#searchform table {
	margin: 2px 10px;
}

input#searchbutton {
	height:29px;
	width:59px;
}

#popularnames {
	font-size:13px;
	position:absolute;
	top:107px;
	margin:10px;
	height:133px;
	overflow:auto;
	padding-left:20px;
	width:240px;
}

#popularnames table {
	width:100%;
}

#popularnames table td {
	text-align:center;
	padding:3px;
}

#popularnames .link {
	font-style:italic;
	font-weight:bold;
	text-align:right;
}

#searchresult, #renamerresult, #searcherror {
	font-size:15px;
	position:absolute;
	top:91px;
	margin:10px;
	height:103px;
	overflow:auto;
	padding-left:20px;
	width:240px;
}

#searcherror {
	font-size:14px;
}

.link {
	margin-top:10px;
}

.link a {
	font-size:13px;
}

#renamerform {
	width:100%;
	position:absolute;
	top:101px;
}

#renamerform p {
	margin:2px;
	margin-left:10px;
	font-size:14px;
}

#renamerform table {
	margin: 2px 20px;
}

#renamerform table td { vertical-align:top; font-size:12px; padding:3px 5px;}

#renamerform table td#genlabel { text-align:right; padding-top:12px;}
#renamerform table td#gendercol {text-align:left;padding-top:12px;}
#renamerform table td#namecol {text-align:left; width:130px;}

#renamerform label {font-style:italic;margin-bottom:3px;}

#renamerform input.namefield {
	color:#4995ac;
	font-size:14px;
	height:18px;
	width:130px;
	padding-top:2px;
	padding-left:4px;
	border:1px solid #4995ac;
}

.submitfield { text-align:right; padding-right:35px;}

#notd {
	font-size:13px;
	font-style:italic;
	position:absolute;
	top:125px;
	margin-left:23px;
	height:88px;
	overflow:auto;
	width:260px;
}

#notd .name {
	font-size:20px;
	font-style:normal;
	margin-bottom:0px;
	line-height:.9em;
	margin-top:2px;
}

#notd .meaning {
	margin-top:0px;
	margin-left:8px;
}

p.moreinfo {
	text-align:right;
	margin-right:10px;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	position:absolute;
	bottom:3px;
	right:7px;
}

#notd .unit-rating { 
	list-style:none; 
	margin-top:3px; 
	margin-left:115px; 
	height:27px; 
	width:135px; 
	position:relative; 
	background:url('/_assets/img/stars.gif') top left repeat-x; 
}

#notd .unit-rating LI.current-rating { 
	background:url('/_assets/img/stars.gif') left bottom; 
	position:absolute;
	height:27px;
	display:block;
	text-indent:-9000px;
	z-index:1;
	line-height:.9em;
}

#games {
	font-size:13px;
	position:absolute;
	top:97px;
	margin-left:13px;
	height:120px;
	overflow:auto;
	width:275px;
}

#games .title {
	font-style:italic;
	font-size:20px;
}

#games .moreinfo {
	text-align:center;
	font-size:12px;
	font-style:normal;
}