.body,
#nav #extra {
	background-color: #00F; /* blue */
}

h1 img {
	vertical-align: text-top;
}
h1 strong,
h1 tt {
	color: #400080;
}
.tnc {
	font-size: smaller;
}

/* Tables */
table {
	width: 90%;
}
th,
td {
	margin: 1px;
	padding: 2px;
}
th {
	text-align: left;
	border: 1px solid #999;
}
td {
	border: 1px solid #DDD;
}
table tt {
	font-size: smaller;
}	

/* Definition lists */
dl {
	width: 10em;
}
dt {
	float: left;
	width: 10em;
	padding: 3px 2px;
	font-weight: bold;
}
dd {
	width: 21em;
	padding: 3px 2px;
	font-family: Courier, mono;
}
html > body dd { /* Mozilla Filter */
	margin-left: 11em;
}

/* Forms */
fieldset {
	margin-bottom: .5em;
	padding: 5px 10px;
	border: 1px solid #C9C;
}
legend {
	padding: 0 1em;
	font-size: smaller;
	border: 1px solid #C9C; /* lavender */
	border-width: 0 1px;
/*	border-top-color: #E6E6E6; /* gray */
/*	border-bottom-color: #E6E6E6; */
	color: #400080; /* purple */
}
fieldset dt:after {
	content: ":";
}
form input { /* Often for the submit button which is not in the dl */
	border-width: 1px;
}
fieldset dl input,
fieldset dl select,
fieldset dl textarea {
	margin-left: 0;
	width: 20em;
	border: 1px solid #C1C1C1;
	border-bottom-color: #DDD;
	border-right-color: #DDD;
}
fieldset dl textarea {
	height: 5em;
}
/* Confusing a you think is a link
fieldset dd span.help:before {
	content: "? ";
	color: #FF9933;
}
*/
fieldset dd span.help {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: smaller;
}
.buttons {
	margin-top: .5em;
	padding-left: 40%;
}

/* Help pages */
ol li img,
div.overlay {
	display: block;
	margin: 5px 0;
}
.overlay tt {
	font: 10px Arial, Helvetica, sans-serif;
	position: absolute;
	background: #FFF;
	padding: 2px 20px 1px 0;
}
.overlay strong {
	color: #000;
}

/* alerts & errors */
#alertmsg,
#errormsg {
	margin: 10px 20px;
	padding-left: 30px;
}
#alertmsg p,
#errormsg p,
#new p,
#old p {
	margin-bottom: 1em;
	line-height: 1;
}
#alertmsg {
	background: #DDF0BD url(../images/logo_alert.gif) bottom left no-repeat;
}
#errormsg {
	background: #FFF1F1 url(../images/logo_error.gif) bottom left no-repeat;
}
.alert {
	padding: 5px;
	border: 1px solid #A5D768;
	background: #DDF0BD;
}
.alert strong,
.alert label {
	color: green;
}
#old {
	background: #F3D5D5 url(../images/bg_grad_red.gif) top repeat-x;
}
#new {
	background: #BBF756 url(../images/bg_grad_green.gif) top repeat-x;
}
.error {
	padding: 5px;
	border: 1px solid #F3D5D5;
	background: #FFF1F1;
}
.error strong,
.error label {
	color: red;
}
.error input,
.error textarea {
	background-color: #FFF;
}

/* index */
#index {
	margin: 0;
	padding: 1em 0;
}
#index img {
	display: block;
	margin: 0 auto;
	padding: 2px;
	border: 2px solid #FFF;
}
* html #index img { /* IE Filter */
	margin: 0;
}
#index li {
	list-style: none !important;
	float: left;
	margin: 10px 1px;
	padding: 4px 8px;
	border: 1px dashed #CCF;
	text-align: center;
}
#index li ul {
	margin: 0;
}
#index li ul li {
	margin: 15px 10px;
	padding: 0;
	border: 2px solid #FFF;
}
#index a {
	border: none;
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#index a:hover {
	border: none;
}
#index a:hover img,
#index a:focus img {
	border: 2px solid #CF3;
}
#index li li a {
	margin: 0;
	padding: 0;
}

/* web_extra */
#web div {
	margin: 5px 0;
	padding: 5px;
	border: thin outset;
}
#web div#yellowpages {
	background: #FF9 url(../images/web/bg_yellowpages.gif) no-repeat right bottom;
}
#web div#adwords {
	background: #FF9 url(../images/web/bg_adwords.gif) no-repeat right bottom;
}
#web div#othersearch {
	background: #FF9 url(../images/web/bg_other.gif) no-repeat right bottom;
}
#web div h2 {
	margin-top: 0;
}
#web div.tnc {
	border: none;
}