body {
	background-color: #ffffff;
	font-family: arial, 'sans serif';
}
span {
	display: inline;
}
/*
table
{
border: thin solid #d8d8e8;
background-color:#EEEEFF;
border-spacing: 0pt;
border-collapse:collapse;
}

th,td
{
padding-left: 5pt;
padding-right: 5pt;
}

th
{
text-align: left;
color: saddlebrown;
font-weight: bold;
font-size: 1.25em;
vertical-align: bottom;
background-color:#E8E8F8;
border-top: thick solid #FFFFFF
}

th.main
{
text-align: center;
font-size: 1.5em;
}

td
{
vertical-align: top
}
*/
em {
	color: #333333;
}
#resultstable a:link {
	color:#00CCFF
}
#resultstable a:visited {
	color:#00CCFF
}
#resultstable a:active {
	color:#00FFFF
}
#resultstable a:hover {
	color:#00FFFF
}
/************************************************************
 *
 * Styles for database elements.  Naming:
 *
 *		h<name>		Format used whenever the name of the element is used
 *					eg: hpop is used when the tool says "Popularity"
 *
 *		<name>		Format used whenever the data element is displayed
 *					eg: pop is used when the tool displays the actual
 *					popularity rank for a name
 * 
 ************************************************************/


.hname {
}
.name {
	font-weight: bold;
	font-size: 1.25em;
	color: #00ccff;
	padding-left: 10px;
}
.hgender {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #6b6b6b;
	background-color: #ebebeb;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #ebebeb;
	border-right-color: #ebebeb;
	border-bottom-color: #ebebeb;
	border-left-color: #ebebeb;
	text-transform: uppercase;
	padding-left: 11px;
	padding-bottom: 2px;
	padding-top: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.gender {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #6b6b6b;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #ebebeb;
	border-left-color: #ebebeb;
	padding-left: 11px;
	padding-bottom: 3px;
	padding-top: 3px;
}
.horigin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #6b6b6b;
	background-color: #ebebeb;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ebebeb;
	text-transform: uppercase;
	padding-left: 11px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.origin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #6b6b6b;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
	padding-left: 11px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-right: 4px;
}
.hmean {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #6b6b6b;
	background-color: #ebebeb;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #ebebeb;
	border-right-color: #ebebeb;
	text-transform: uppercase;
	padding-left: 11px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.mean {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #6b6b6b;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
	padding-left: 11px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-right: 10px;
}
.hpop {
	font-size: 0.8em;
	color: #333333;
	border-left-style: solid;
	border-bottom-style: solid;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-left-color: #ebebeb;
	border-bottom-color: #ebebeb;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 4px;
	border-right-style: solid;
	border-top-color: #ebebeb;
	border-right-color: #ebebeb;
	border-right-width: 1px;
	margin-bottom: 20px;
}
.hnum {
	font-weight: bold;
	color: #333333;
}
.num {
}
/************************************
** Text styles used in general output
************************************/

/* Top row of tables */
.mainhead {
	font-size: 1em;
	font-weight: bold;
	color: #333333;
}
/* Float left - used for navbar */
.left {
	float: left;
	background-image: url(prev_button_down.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin-left: 5px;
	padding-top: 7px;
	padding-left: 35px;
	padding-bottom: 7px;
	padding-right: 10px;
}
.first {
	float: left;
	background-image: url(first_button_down.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin-left: 5px;
	padding-top: 7px;
	padding-left: 35px;
	padding-bottom: 7px;
	padding-right: 10px;
}
/* Float right - used for navbar */
.right {
	float: right;
	background-image: url(next_button_down.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 5px;
	padding-top: 7px;
	padding-right: 35px;
	padding-bottom: 7px;
	padding-left: 10px;
}
.last {
	float: right;
	background-image: url(last_button_down.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 7px;
	padding-top: 7px;
	padding-right: 40px;
	padding-bottom: 7px;
	padding-left: 10px;
}
/* LINKED BUTTONS */
.leftdown {
	float: left;
	background-image: url(prev_button_up.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin-right: -10px;
	margin-top: -7px;
	margin-left: -35px;
	margin-bottom: -7px;
	padding-top: 7px;
	padding-left: 35px;
	padding-bottom: 7px;
	padding-right: 8px;
}
.firstdown {
	float: left;
	background-image: url(first_button_up.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin-right: -10px;
	margin-top: -7px;
	margin-left: -35px;
	margin-bottom: -7px;
	padding-top: 7px;
	padding-left: 35px;
	padding-bottom: 7px;
	padding-right: 8px;
}
/* Float right - used for navbar */
.rightdown {
	background-image: url(next_button_up.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: -7px;
	margin-right: -35px;
	margin-bottom: -7px;
	margin-left: -10px;
	padding-top: 7px;
	padding-right: 40px;
	padding-bottom: 7px;
	padding-left: 8px;
}
.lastdown {
	background-image: url(last_button_up.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: -10px;
	margin-top: -7px;
	margin-right: -35px;
	margin-bottom: -7px;
	padding-top: 7px;
	padding-right: 40px;
	padding-bottom: 7px;
	padding-left: 8px;
}
/* Shrink text and drop a bit - for copyright notice positioning*/
.copynote {
	font-size: 0.8em;
	position: relative;
	top: 10px;
}
/* Center text */
.center {
	text-align: center;
	margin: 5px;
}
.tinyright {
	font-size: 0.7em;
	float: right;
	padding: 2px;
}
/* Color text */
.color {
	color: #333333;
}
/* color and bold */
.colorhvy {
	color: #333333;
	font-weight: bold;
}
/******************
** Text sizes - use .em to allow relative scaling
******************/
.small {
	font-size: 0.8em;
}
.smaller {
	font-size: 0.6em;
}
.normal {
	font-size: 1.0em;
}
.large {
	font-size: 1.25em;
}
.larger {
	font-size: 1.5em;
}
/**************
** DIVS Styles
****************/
#searchform {
	position: relative;
	height: 170px;
}
#searchform #leftsearch {
	float: left;
	width: 200px;
	height: 130px;
	padding-top: 22px;
	padding-left: 22px;
	background-color: #FFFFFF;
	background-image: url(letter_background.gif);
	background-repeat: no-repeat;
}
#searchform #leftsearch img {
/*margin-bottom: 4px;*/
}
/* ## RIGHTSEARCH ## */
#searchform #rightsearch {
	float: left;
	width: 270px;
	z-index: 0;
	font:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666666;
	height: 130px;
}
#searchform #rightsearch h1 {
	font-size: 1em;
	color: #11bbf1;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-top: 20px;
	margin-right: 15px;
	padding: 0px;
}
#searchform #rightsearch input {
	margin-top: 10px;
}
#searchform #rightsearch select {
	margin-top: 10px;
	margin-left: 12px;
}
#searchform #rightsearch .searchbutton {
	background-image: url(searchbutton.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 20px;
	width: 121px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	background-color: #FFFFFF;
	cursor: hand;
}
#searchform #rightsearch .resetbutton {
	background-image: url(resetbutton.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 21px;
	width: 110px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	background-color: #FFFFFF;
	font-size: 0%;
	cursor: hand;
}
/* ## RESULTS SEARCH */
#searchform #resultssearch {
	float: left;
	width: 500px;
	z-index: 0;
	font:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666666;
	padding-left: 15px;
}
#searchform #resultssearch img {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
}
#searchform #resultssearch h1 {
	font-size: 1em;
	color: #11bbf1;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-top: 20px;
	padding: 0px;
	margin-left: 5px;
}
#searchform #resultssearch input {
	margin-top: 10px;
}
#searchform #resultssearch select {
	margin-top: 10px;
	margin-left: 12px;
}
#searchform #resultssearch .blue {
	color: #33ccff;
	cursor: hand;
}
#searchform #resultssearch a {
	color: #ff66cc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	cursor: hand;
	margin-left: 2px;
}
#searchform #resultssearch .searchbutton {
	background-image: url(searchbutton.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 20px;
	width: 121px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	background-color: #FFFFFF;
	cursor: hand;
}
#searchform #resultssearch .resetbutton {
	background-image: url(resetbutton.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 21px;
	width: 110px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	background-color: #FFFFFF;
	font-size: 0%;
	cursor: hand;
}
/* Help Box */
.help {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	margin-left: 4px;
}
.help th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	text-align: left;
	padding-left: 8px;
}
.help h1 {
	font-size: 0.9em;
	margin: 0px;
	padding-top: 14px;
	padding-bottom: 5px;
	display: block;
}
.help tr td {
	padding-left: 11px;
}
.help tr td p {
	padding-left: 6px;
	font-size: 0.7em;
	margin: 0px;
}
#resultstable {
	position: relative;
	margin-top: -50px;
}
#resultstable table {
	padding: 0px;
	margin: 0px;
}
#resultstable table th {
	text-align: left;
	background-repeat: no-repeat;
}
.buttons {
	padding-left: 18px;
}