#babynamer {
	margin:50px 0;
	width:100%;
	position:relative;
	font-family: "SkirtRgRegular", Rockwell, Georgia, serif;
	}
	#babynamer .wrapper {
		background-color: #d0eded;
		padding:30px;
		}
		#babynamer .wrapper.error {
			background-color: #fff5f5;
			padding:30px;
			margin:20px 0;
			color:#990000;
		}

	#babynamer h1 {
		font-family: 'RonitaRegular', Rockwell, Georgia, serif;
		font-size:210%;
		font-weight:bold;
		color:#555;
		}
		#babynamer h1 a {
			color:#555;
			display:inline-block;
			text-decoration:none;
			}
			#bbynamer h1 a:hover { color:#555; text-decoration:none; }
	#babynamer h3 {
		color:#777;
		font-size:100%;
		margin-bottom:20px;
		}

	#babynamer h4 {
		color:#49b8b2;
		font-size:80%;
		}
		#babynamer h4 .searchterm {
			color:#333;
			font-size: 15px;
			font-size: 1.5rem;
		}

	#babynamer h5 {
		color:#333;
		font-size:110%;
	}

	#babynamer .group {
		border:1px dotted #49b8b2;
		padding:2% 3%;
		background-color:#fff;
		margin:15px 0;
		}
		#babynamer .group.gender_selector {
			width:45%;
			height:70px;
			display:inline-block;
			}
			#babynamer .group.gender_selector span.title {
				display:inline-block;
				float:left;
				line-height:50px;
				padding-right:20px;
			}
			#babynamer .group.gender_selector input.radio {
				float: left;
				position:relative;
				top:7px;
				margin-right:5px;
			}
			#babynamer .group.gender_selector label {
				display:inline-block;
				line-height:40px;
				padding:1% 3% 0% 3%;
				float:left;
				width:90px;
				overflow:hidden;
			}
			span.gender {
				display:inline-block;
				width:35px;
				height:35px;
				text-indent:-1000000px;
				background:transparent url(gender.png) no-repeat 0 0;
				}
				span.gender.female {
					background-position:0 -35px;
				}
				span.gender.unisex {
					background-position:0 -70px;
				}
		#babynamer .group.search {
			height:130px;
			margin-top:0;
		}
		#babynamer .group.single {
			height:auto;
			}
			#babynamer .group.single h2 {
				border-bottom:1px solid #d0eded;
				}
				#babynamer .group.single h2 span.gender {
					float:right;
					margin-top:5px;
					margin-right:20px;
				}
		#babynamer .group.single .similar {
			margin-left:5%;
			line-height:1.9em;
			}
			#babynamer .group.single .similar a {
				font-weight:normal;
				font-size:90%;
			}
			#babynamer .group.single h3 {
				font-weight:normal;

			}
		#babynamer .group.similar {
			margin-bottom:0;
		}

	#babynamer .col {
		height:70px;
		display:inline-block;
		float:left;
		margin:0;
		}
		#babynamer .group.single .col {
			height:auto;
		}
	#babynamer .col45 {
		width:45%;
	}
	#babynamer .col50 {
		width:48%;
		margin:0 1%;
	}
	#babynamer .col10 {
		width:7%;
		margin-left:3%;
		color:#ccc;
		text-align:left;
		vertical-align:middle;
		line-height:70px;
	}

	#babynamer a.btn {
		display:inline-block;
		padding:5px 50px;
		font-size:90%;
		}
		#babynamer a.btn.btn_search {
			color:#fff;
			background-color:#49b8b2;
			}
		#babynamer a.btn.boy {
			color:#fff;
			background-color:#7ed3f7;
			margin-left:25px;
			padding:5px 20px;
			}
		#babynamer a.btn.girl {
			color:#fff;
			background-color:#f6a0a1;
			margin-left:25px;
			padding:5px 20px;
			}

	#babynamer .toplist { margin-top:30px; }

	#babynamer input.text {
		color:#49b8b2;
		padding:10px;
		border:1px solid #d0eded;
		width:92%;
		display:block;
		font-size:70%;
		}
		#babynamer input.text::-webkit-input-placeholder { /* WebKit browsers */
		    color:    #49b8b2;
			font-style:italic;
		}
		#babynamer input.text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		    color:    #49b8b2;
			font-style:italic;
		}
		#babynamer input.text::-moz-placeholder { /* Mozilla Firefox 19+ */
		    color:    #49b8b2;
			font-style:italic;
		}
		#babynamer input.text:-ms-input-placeholder { /* Internet Explorer 10+ */
		    color:    #49b8b2;
			font-style:italic;
		}

	#babynamer dl {
		display:block;
		}
		#babynamer dl dt {
			display:inline-block;
			width:24%;
			padding:10px 0;
			vertical-align:top;
		}
		#babynamer dl dd {
			display:inline-block;
			width:70%;
			padding:10px 0;
			font-weight:normal;
			color:#666;
			font-size:90%;
		}

	#babynamer table {
		border:0;
		width:100%;
		}
		#babynamer table thead tr {
			background-color:#fff;
			border-bottom:1px solid #d0eded;
			}
			#babynamer table thead tr th.tgender {
				width:40px;
				text-align:center;
				}
		#babynamer table tbody td a {
			font-size:121%;
			line-height:35px;
			display:block;
			}
		#babynamer table tbody td.meaning {
			line-height:35px;
			}

/* jQuery Autocomplete */


/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	background-color:#fff;
	border:1px solid #d0eded;
	border-width:0 1px 1px 1px;
	-webkit-border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	-o-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
    -webkit-box-shadow: 0px 3px 12px rgba(0,0,0,0.2);
	-moz-box-shadow:    0px 3px 12px rgba(0,0,0,0.2);
	box-shadow:         0px 3px 12px rgba(0,0,0,0.2);
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
	max-height:317px;
	overflow:auto;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color:#fff;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
	border-bottom:1px dotted #d0eded;
	}
	.ui-menu .ui-menu-item:last-child {
		border-bottom:0px dotted #d0eded;
	}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}
.ui-helper-hidden-accessible { display:none; }

/* pager */
#babynamer .pager {
	margin:15px 0;
	text-align:center;
	line-height:25px;

	}
	#babynamer .pager a {
		display:inline-block;
		line-height:25px;
		font-size:85%;
		font-weight:normal;
		padding:3px 4px 0 4px;
	}
	#babynamer .pager a.current {
		color:#000;
		font-weight:normal;
		line-height:25px;
	}
	#babynamer .pager a.arrow {
		float:none;
		padding:0;
		display:inline-block;
		width:28px;
		height:28px;
		line-height:28px;
		vertical-align:middle;
		overflow:hidden;
		text-indent:-10000000px;
		margin:-2px 0 0 0 ;
		background:transparent url(page_arrow.png) no-repeat 0 2px;
		border:0;
		}
		#babynamer .pager a.arrow.arrow-right {
			background-position:-25px 2px;
			margin-left:60px;
			}
		#babynamer .pager a.arrow.arrow-left {
			margin-right:60px;
			}
		#babynamer .pager a.first_page,  #babynamer .pager a.last_page { display:none; }



	/** mobile breakpoint **/
	@media only screen and (max-width: 767px) {
		#babynamer .wrapper {
		padding:20px 10px;
		min-width:240px;
		}
		#babynamer .group.gender_selector {
			display:block;
			width:auto;
			}
			#babynamer .group.gender_selector span.title {
				font-size:80%;
				padding-right:0;
				padding-top:5px;
				display:none;
				}
			#babynamer .group.gender_selector label {
				width:27%;
				overflow:hidden;
				}
			#babynamer .group.gender_selector span.gender {
				width:35px;
				height:35px;
				}
			#babynamer .group.gender_selector input.radio {
				top:7px;
				margin-right:5px;
				}
		#babynamer .group.search {
			height:auto;
			padding:5%;
		}
		#babynamer .group.single {
			height:auto;
			}

		#babynamer .col {
			display:block;
			float:none;
		}
		#babynamer .col45, #babynamer .col10, #babynamer .col50 { width:100%; padding:0;}
		#babynamer .col10 { text-align:center;padding:0; height:35px;line-height:40px;}
		#babynamer .searchbtn { text-align:center; }

		#babynamer table tbody td.meaning {
			line-height:1.3em;
		}
		#babynamer h2 { padding-bottom:5px; }
		#babynamer dl {
			font-size:80%;
		}
		#babynamer dl dt {
			width:30%;
		}
		#babynamer dl dd {
			width:65%;
		}
		.ui-menu {
			height:124px;
		}
		#babynamer .pager a.arrow.arrow-right {
			margin:0;
			margin-left:10px;
			}
		#babynamer .pager a.arrow.arrow-left {
			margin:0;
			margin-right:10px;
			}
		#babynamer span.ideas { display:block; }
		#babynamer a.btn.boy {
			margin-left:15px;
			margin-top:10px;
			padding:5px 15px;
			font-size:90%;
			}
		#babynamer a.btn.girl {
			margin-left:15px;
			margin-top:10px;
			padding:5px 15px;
			font-size:90%;
			}
	}

	/** tablet breakpoint **/
	@media only screen and (max-width: 1007px) and (min-width: 768px) {
		#babynamer { width:97%; margin-left:3%; }
		#babynamer .group.gender_selector {
			width:70%;
		}
		#babynamer .group.gender_selector input.radio {
			top:7px;
			}
		#babynamer .col50 { width:100%; padding:0;}
		#babynamer dl {
			font-size:80%;
		}
		#babynamer dl dt {
			width:30%;
		}
		#babynamer dl dd {
			width:65%;
		}

	}

	/* desktop + wide breakpoint */
	@media only screen and (min-width: 1008px) {
		#babynamer .group.gender_selector {
			padding:1% 2%;
		}
	}


/* jQuery Autocomplete */


/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	background-color:#fff;
	border:1px solid #d0eded;
	border-width:0 1px 1px 1px;
	-webkit-border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	-o-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
    -webkit-box-shadow: 0px 3px 12px rgba(0,0,0,0.2);
	-moz-box-shadow:    0px 3px 12px rgba(0,0,0,0.2);
	box-shadow:         0px 3px 12px rgba(0,0,0,0.2);
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
	max-height:317px;
	overflow:auto;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color:#fff;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
	border-bottom:1px dotted #d0eded;
	}
	.ui-menu .ui-menu-item:last-child {
		border-bottom:0px dotted #d0eded;
	}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}
.ui-helper-hidden-accessible { display:none; }