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(images/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(images/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(images/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(images/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(images/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(images/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(images/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(images/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(images/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(images/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(images/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(images/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(images/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;
}