/* National Services Directory Stylesheet */

body {
    background-color: white;
    font-family: tahoma, arial, helvetica, sans-serif;
}

#nsd {
    width: 625px;
    border-width: 1px;
    border-style: solid;
    border-color: #B9D4DE;
}

#content {
    padding: 10px;
}

#results {
    width: 600px;
}

h1  {
    font-size: medium;
    color: #006887;
    text-align: center;
}

h2  {
    font-size:  small;
    text-transform: uppercase;
    color: #ffa500;
}

h3  {
    font-size:  small;
    color: #006887;
}

h4  {
    font-size:  small;
    color: #006887;
}

h5, dt  {
    font-size:  small;
    font-weight: bold;
    color: #006887;
}


/* button simulator related styles */
.button {
	position:relative;
	float:left;
	padding:0px;
	margin:0;
	list-style:none;
	line-height:1em;
	border:1px solid #ffa500;
	background:#ffa500;
}

.button a:link,
.button a:visited,
.button a:active,
 {
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
        font-size: small;
	background: #ffa500;
	padding: 5px;
}

.button a:hover,
.button a.selected {
	background:#B9D4DE;
	color:#000000;
}


a:link  {
    text-decoration:    underline;
    color:  #003366;
}

a:visited   {
    text-decoration:    underline;
    color:  #003366;
}

a:active    {
    text-decoration:    underline;
    color:  #003366;
}

a:hover {
    text-decoration:    underline;
    color:  #ff0000;
}


p.small   {
    font-size:  x-small;
}

big {
    font-size:  14px;
}

blockquote, pre {
    font-family:    lucida console, monospace;
}


ul li {
    list-style-type: square;
    font-size:  small;
}

ul li li    {
    list-style-type:    disc;
}

ul li li li {
    list-style-type:    circle;
}

ol li   {
    list-style-type:    decimal;
}

ol ol li    {
    list-style-type:    lower-alpha;
}

ol ol ol li {
    list-style-type:    lower-roman;
}

hr {
    color: dimgrey;
    height:1pt;
    text-align:left
}


p {
    font-size:  small;
}

strong {
    font-weight: bold;
}

.f {
    font-size: small;
    color: #000000;
    background-color: #FFFFFF;
    text-align:left;
}

.fH {
    font-size: small;
    color: #000000;
    font-weight: bold;
    background-color: #FFFFFF;
}

.err {
    font-size: small;
    color: #FF0000;
    background-color: #FFFFFF;
}

.tablebody {
	border-collapse:collapse;
	border: 1px solid #000000;
	background-color:#FFFFFF;
	width:100%;
	padding: 0 0 0 0;
}

.tablebody td{
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	padding: 3px 3px 3px 10px;
	font-size: small;
        vertical-align: top;
}

.tablebody th{
        color: #ffffff;
        background-color:#006887;
        font-weight: bold;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	padding: 4px 4px 4px 10px;
	font-size: small;
        vertical-align: top;
}

.tabcell {
        background-color:#FFFFFF;
}

.tabcellsm {
        font-size: xsmall;
        background-color:#FFFFFF;
}

.tabyellow {
        background-color:#ffa500;
}

#rowtable610 table {
	border-collapse:collapse;
	border: 1px solid #cccccc;
	background-color:#FFFFFF;
	width:100%;
	padding: 0 0 0 0;
}

#rowtable610 td{
	border: 1px solid #cccccc;
	padding: 2px 2px 2px 2px;
	font-size: small;
        vertical-align: top;
}

.tBB {
    background-color: #ffffff;
}

.t1L {text-align: left;}
.t1LH {text-align: left; font-size: small; background-color: #FFFFFF;}
.t1LR {text-align: left; font-size: small; background-color: #FFCCCC;}
.t1LG {text-align: left; font-size: small; background-color: #CCFFCC;}
.t1LB {text-align: left; font-size: small; background-color: #CCFFFF;}
.t1C {font-size: small; text-align: center;}
.t1CH {text-align: center; font-size: small; background-color: #FFFFFF;}
.t1CR {text-align: center; font-size: small; background-color: #FFCCCC;}
.t1CG {text-align: center; font-size: small; background-color: #CCFFCC;}
.t1CB {text-align: center; font-size: small; background-color: #CCFFFF;}
.t1R {font-size: small; text-align: right;}
.t1RH {text-align: right; font-size: small; background-color: #FFFFFF;}
.t1RR {text-align: right; font-size: small; background-color: #FFCCCC;}
.t1RG {text-align: right; font-size: small; background-color: #CCFFCC;}
.t1RB {text-align: right; font-size: small; background-color: #CCFFFF;}


.t2L {font-size: small; text-align: left;}
.t2LH {text-align: left; font-size: small; background-color: #DDDDDD;}
.t2LB {text-align: left; font-size: small; background-color: #0099FF;}
.t2LR {text-align: left; font-size: small; background-color: #FFCCCC;}
.t2C {font-size: small; text-align: center;}
.t2CH {text-align: center; font-size: small; background-color: #DDDDDD;}
.t2CB {text-align: center; font-size: small; background-color: #0099FF;}
.t2R {font-size: small; text-align: right;}
.t2RH {text-align: right; font-size: small; background-color: #DDDDDD;}
.t2RB {text-align: right; font-size: small; background-color: #0099FF;}

/* tooltips */

a.tooltip:link,
a.tooltip:visited,
a.tooltip:active,
{
	text-decoration: none;
	color: #000000;
}

a.tooltip {
	position: relative;
text-decoration: none;
	color: #000000;
}

a.tooltip span {
	display: none;
}

a.tooltip:hover {
	background-color: #ffffff;
text-decoration: none;
	color: #000000;
}

a.tooltip:hover span {
	display: block;
	position: absolute;
	top: 6px; 
	left: 230px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 1px;
	padding-right: 1px;
	border: 1px solid #ff7f00;
	color: #000000;
	background-color: #eeeeee;
	text-align: left;
	font-size: small;
	width: 240px;
}

html>body a.tooltip:hover span 
{
width: auto;
min-width: 240px
}