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

ul.searchresults { width:100%; overflow:hidden;margin:10px 0 0 0;}
ul.searchresults li { display:inline; float:left; vertical-align:top; width:33%; margin-top:20px;}

table.searchform { width:85%;}

.pagination{ margin-left:10px; padding:10px; border-top:1px #B8C4C9 solid; border-bottom:1px #B8C4C9 solid; width:600px; font-size:10pt;}

.pagination a { font-size:10pt;}
	
.namesindex{font-size: 17pt; padding:20px 0px 20px 20px; border: 1px solid #9a9a9a;}

.namesindex a, .div3 a{ text-decoration:none;}

.namesindex a:hover,  .pagination a:hover,  .div3 a:hover{ text-decoration:underline;}

.bold{font-weight:bold;}

a.F{ color:#e72c80!important;}
a.E{ color:#117F04!important;}
a.M{ color:#0079c5!important;}

a.pagelink{color:#117F04!important;}

.genderA, .genderU, .genderF, .genderM {
	font-size: 12pt;
	color: #000;
	background: #FFF !important;
}

.genderA:hover, .genderU:hover, .genderF:hover, .genderM:hover {
	color : #000;
	background : #DDD !important;
}

.chosen {
	color : #000;
	background: #cccccc;
}

.genders {margin-top:10px;}


.filterF.active{ background-color: #FFF;}
.filterM.active{ background-color: #FFF;}
.filterE.active{ background-color: #FFF;}
.filterA.active{ background-color: #FFF;}

#search LI { text-align:left; }

#search .note {
	font-size:11px;
	font-style:italic;
	margin-right:7px;
	text-align:center;
}

#search-lists { padding:0; }

#search-lists .list {
    display:inline;
	float:left;
	list-style:none;
	margin:0 8px 0 0;
	padding:0;
	width:175px;
}

#search-lists .list LI {
	font-size:18px;
	line-height:26px;
	text-align:center;
}

#search-lists .list LI.girl A {
	color:#ec128e;
}

#search-lists .list LI.boy A {
	color:#1793d0;
}

#search-lists .list LI.unisex A {
	color:#12733a;
}

#search-lists .list LI A:hover {
	text-decoration:underline;
}

#search-lists .search-pages {
	background:#e3f0d9;
	list-style:none;
	margin:20px 0 0;
	overflow:auto;
	padding:0;
	text-align:center;
	width:611px;
}

#search-lists .search-pages LI {
	border:1px dashed #FFF;
	float:left;
	font-size:15px;
	height:25px;
	line-height:25px;
	margin:3px;
	padding:0 3px;
	position:relative;
	white-space:nowrap;
}

#search-lists .search-pages LI.this-page {	color:#008D00; }

#search-lists .search-pages LI.pages {
	border:none;
	color:#333;
	float:none;
	font:12px Arial;
	font-style:italic;
	margin:5px;
	text-align:left;
	width:auto;
}
.bottomads {
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}



/* NAMES */
#names {
	float:left;
    width:550px;
    margin-left:50px;
    margin-right:auto;
    margin-top:20px;
    margin-bottom:10px;
	font-weight:bold;
	font-size:12pt;
    color:black;
}

/* IE OVERRIDE */
* html #names { 
	width:550px;
    margin-left:20px;
    margin-top:10px;
}

#names ul { 
	display:block;
	padding: 0;
    margin: 0;
}

#names ul li.col1 {
	margin-left: 20px;
}

#names ul li.col2 {
	margin-left: 250px;
}
 
#names ul li.col3 {
	margin-left: 250px;
}

#names ul li.coltopper {margin-top: -375px;}

#names ul {
	list-style: none;
}
#names ul li {
	margin: 0;
  	padding: 0;
}

#names ul li a {
	margin: 0;
  	padding: 0;
    color:black;
	text-decoration:none;
    line-height:25px;
}

#names ul li a:hover {
	color:blue;
	text-decoration:none;
}

#names ul li a.F {
    color:#FF00DE;
}

#names ul li a.M {
    color:#0000FF;
}

#names ul li a.E {
    color:#008D00;
}

/* PAGE LINKS */
.pages {
	display:block;
    float:left;
	width:600px;
	margin-top:10px;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:10pt;
    font-weight:normal;
    color:#000;
}

* html .pages {
	margin-top:5px;
}

.pages a {
	line-height:2em;
	padding:3px 4px;
	font-size:10pt;
    text-decoration:none;
}

.pages a:visited, .pages a:link {
	background-color:#FFF;
	text-decoration:none;
	color:#000;
}

.pages a:hover, .pages a:active, .pages a:focus {
	background-color:#FFD9FD;
	padding:2px 3px;
	border:1px outset #aaa;
	text-decoration:none;
	color:#000;
}

.curpage {
  border:1px solid #1791cf;
  padding:0 2px 0 2px;
  font-size:10pt;
}

/* ORIGINAL SEARCH.CSS */
.next-previous {display:block; width:100%; height:30px;}

.previous-btn{
	float:left;
	border : solid 1px #e6e6e6;
	margin-top:5px;
	border-radius : 3px;
	moz-border-radius : 3px;
	-webkit-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	font-size : 20px;
	color : #696869;
	padding : 1px 17px;
	background : #ffffff;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
	background : -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -o-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}

.next-btn{
	float:right;
	margin-top:5px;
	border : solid 1px #e6e6e6;
	border-radius : 3px;
	moz-border-radius : 3px;
	-webkit-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	font-size : 20px;
	color : #696869;
	padding : 1px 17px;
	background : #ffffff;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
	background : -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -o-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}

.previous-btn:hover { color:#000; background:#FFF; }
.next-btn:hover { color:#000; background:#FFF; }


select.search-select {font-size:14pt;}
.search-submit {font-size:14pt; margin:10px 0 10px 0; background:#fff;}

.bold{font-weight:bold;}

a.F{ color:#e72c80!important;}
a.E{ color:#117F04!important;}
a.M{ color:#0079c5!important;}

a.pagelink{color:#117F04!important;}

.divSearch {display:block; width:620px; height:25px; font-weight:bold;}

.divSearch .filterE{text-align:center; width:130px; height:25px; float:left;color:#117F04; text-decoration:none; padding-top:5px; border:1px solid #9a9a9a;background-color: #dbdbdb; margin-left:20px;}

.divSearch .filterM{text-align:center; width:130px; height:25px; float:left; color:#0079c5; text-decoration:none; padding-top:5px; border:1px solid #9a9a9a;background-color: #dbdbdb; margin-left:20px}

.divSearch .filterF{text-align:center; width:130px; height:25px; float:left; color:#e72c80; text-decoration:none; padding-top:5px; border:1px solid #9a9a9a;background-color: #dbdbdb; margin-left:20px}

.divSearch .filterA{text-align:center; width:130px; height:25px; float:left; color: #605f65; text-decoration:none; padding-top:5px; border:1px solid #9a9a9a;background-color: #dbdbdb; margin-left:20px}

.filterF.active{ background-color: #FFFFFF;}
.filterM.active{ background-color: #FFFFFF;}
.filterE.active{ background-color: #FFFFFF;}
.filterA.active{ background-color: #FFFFFF;}

.sectionTitle{ color:#000; font-size:16pt; font-weight:bold;}

.jumpArrow{padding-left:34px; background:url(/Names/images/jumpArrow.png) no-repeat; margin-bottom:20px; display:block; line-height:26px;}

.exploreIcon{padding-left:34px; background:url(/Names/images/origin.png) no-repeat; margin-bottom:20px; display:block; line-height:26px;}

span.addendum {font-size:14pt;color:#333;}
input[type=submit] { padding:7px 10px; color:#333; font-size:14pt;}

@media screen and (max-width:768px) {
	ul.searchresults {margin:0; width:98%; padding:0 !important;}

	.namesindex{font-size: 14pt; padding:0 0 0 5px;}

	table.searchform { width:95%;}

	.genderA, .genderU, .genderF, .genderM {
		font-size: 14px;
		padding: 2px 2px !important;
		margin-right:1px;
	}

	ul.searchresults {margin:0; width:100% !important; padding:0 !important;}

	ul.searchresults li {
		display:block;
		width:100%;
		font-size:18pt;
		padding:2px 0px 2px 0px;
		margin-left:0;
		line-height:1.5em;
		border-bottom:1px dashed #1793d0;
	}
	
	.form LABEL { 
		font-size:12pt;
		padding:5px;
		width: 90px;
	}

	.form .txt-input {
		width:180px;
	}


	select.search-select {font-size:12pt; background:#FFF !important;}

	.next-previous {width:100%;display:block;padding:4px 0px 10px 0px;}
	.next-btn {display:inline;float:right;font-size:13pt;}
	.previous-btn {display:inline;float:left;font-size:13pt;}

	.search-submit {display:block !important;}

}

@media screen and (max-width:550px) {
	.genderA, .genderU, .genderF, .genderM {
		font-size: 10pt !important;
		padding: 0 102px;
	}
}

@media screen and (max-width:480px) {
	.searchtabs {margin-bottom:10px;}

	input[type=submit] { color:#333; font-size:9pt;}

}