﻿/* The A to Z letter styles */
.alphabet
{
	background : url(../../../images/acas/common/azbackground.gif) no-repeat;
	height: 73px;
	width: 580px;
	font-size: 89%;
	margin:auto;
}

#alphabet
{
	clear: left;
	list-style: none;
	display: block;
	height: 73px;
	float: left;
	width: 410px;
	padding: 10px 0 0 0;
	margin-left: 150px;
	margin-top: 0px;
}

#alphabet li {
	float: left;
	padding: 0;
	margin: 0.2em;
	padding: 0;
}

#alphabet li .selected, #alphabet li a {
	display: block;
	font-size: 120%;
	font-weight: bold;
	background : url(../../../images/acas/common/azletterbg.gif) no-repeat;
	width: 25px;
	height: 20px;
	color: #00496e;
	text-indent: 4px;
}

#alphabet li .selected
{
	background : url(../../../images/acas/common/azletterselected.gif) no-repeat;
	color: #FFFFFF;
}

#alphabet li a
{
	padding: 2px 0 0 2px;
	color: #00496e;
	text-decoration: none;
}

#alphabet li a:hover
{
	background : url(../../../images/acas/common/azletterselected.gif) no-repeat;
	color: #FFFFFF;
}

#alphabet li a#last
{
	text-indent: 6px;
	width: 50px;
	background : url(../../../images/acas/common/azletterlong.gif) no-repeat;
}

#alphabet li a#last:hover
{
	background : url(../../../images/acas/common/azletterlongselected.gif) no-repeat;
	color: #FFFFFF;
}




/* The A-Z list styles */
#atozlist {
	clear: left;
	list-style: none;
	padding: 0;
	margin: 0;
}

#atozlist li 
{
	list-style-type: none;
	clear: both;
	padding: 0.5em 0 0 0;
	margin: 0;
}

ul .meta 
{
	padding: 0;
	margin-left: 10px;
	text-indent: 0;
}

.meta li 
{
	list-style-type: none;
	clear: both;
	margin: 0;
	text-indent: 10px;
	background-image: url(../../../images/acas/common/navarrow.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
	padding: 0 0 0 12px;
}

.meta li a
{
	font-weight: bold;
}

#atozlist h3 {
	padding: 0.5em;
	margin: 0;
	font-weight: normal;
	font-size: 100%;
	background-color: #EBCCEB;
	float: left;
}

#atozlist p {
	padding: 0;
	margin: 0;
}

#atozlist a {
}

#atozlist a:hover {
	text-decoration: underline;
}

/* Any items floated on the right of an event */
div.atozrelated {
	float: right;
	width: 215px;
	margin: 0 0 0 0.5em;
}

div.atozrelated h2 {
	margin: 0;
	padding: 0.2em;
	font-size: 100%;
	font-weight: bold;
	background-color: #990099;
	color: #FFFFFF;
}

div.atozrelated ul {
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0;
	background-color: #FFCCFF;
}

div.atozrelated ul li {
	margin: 0;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

div.atozrelated ul li a
{ font-weight: normal; background : url(../../images/ecitizen/common/arrowoff_3.gif) no-repeat; padding : 2px 2px 2px 20px; text-decoration : none; display: block;}

div.atozrelated ul li a:hover
{ font-weight: normal; background : url(../../images/ecitizen/common/arrow_black.gif) no-repeat; padding : 2px 2px 2px 20px; color: #ff8080; }

.top
{
	float: right;
}

.letterbanner
{
	background-color: #f5f8fb;
	height: 30px;
	width: 100%;
}

.letter
{
	font-size: 13px;
	font-weight: bold;
	float: left;
	text-align: left;
	padding: 5px 5px 0 5px;
}

.top
{
	text-align: right;
	padding: 8px 8px 0 5px;
	float: right;
	text-indent: 8px;
	background : url(../../../images/acas/common/toppage.gif) no-repeat;
	background-position: left 11px;
}

a.readmorelink
{
	padding: 3px 0 3px 6px;
}
