body {
	margin:0;
	font-family:Arial,
Helvetica
}

a,
a:visited {
	color:#88bb99
}

#header {
	width:100%;
	text-align:center
}

.center {
	text-align:center
}

img {
	border:0
}

hr {
	border:1px solid #eee
}

#dir {
	width:80%;
	margin:0 auto;
	font-family:Arial,
Helvetica
}

#dir .breadcrumb {
	font-weight:bold
}

#dir i {
	font-style:normal;
	color:#999999
}

#dir .small {
	font-size:90%
}

#dir ul {
	list-style-type:square;
	margin:0.3em 0 0 1.5em;
	padding:0;
	line-height:1.3em;
	list-style-image:url("images/folder.png");
	color:#999999
}

#dir ul li {
	margin:0 0.3em;
	width:100%;
}

#dir #listings {
	list-style-type:none;
	list-style-image:none;
	width:100%;
}

#dir #listings li.listing {
	clear:both;
	font-family:Arial,
Helvetica;
	margin:6px auto;
	background-color:#fff;
	color:#222;
	border-style:dotted;
	border-width:1px 0 0 0;
	border-color:#e0e0e0;
	line-height:130%;
	padding:1em 0.5em 1.5em 0.5em;
}

#dir #listings p {
	margin:0;
	padding:0;
}

#dir #listings li img.t {
	height:6em;
	width:8em;
	/*
	width:120px;
	height:90px;
	border-right:1px solid #e0e0e0;
	margin:0 0.3em 0 0;
	background-color:#eeeeee;
	position:relative;
	float:left;*/
}

#dir #listings li.listing a.title:link,
#dir #listings li.listing a.title:visited {
	color:#5577ff;
	font-size:110%;
}

.buttonSearch {
	text-align:center;
	padding:2em 1em;
	width:8em;
	margin:0 auto;
}

.buttonSearchNext,
.buttonSearchPrevious {
	font-size:110%;
}

.buttonSearchPrevious {
float:left;
}

.buttonSearchNext {
float:right;
}

.buttonSearchNext a:link,
.buttonSearchNext a:visited,
.buttonSearchPrevious a:link,
.buttonSearchPrevious a:visited {
	color: #000080;
}

#listings ul.br, ol.br {
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0;
}

#listings li.listing .label {
	color:#808080;
	font-family:'Verdana', Arial sans;
	font-size:90%;
	font-weight:bold;
	padding:0 0.4em 0 0;
}

#listings li.listing .right {
	margin-left:9em;
}

#listings ul.br li, ol.br li {
	display:inline;
	font-size:90%;
	margin:0;
	padding:0;
}

#listings ul.br li a, ol.br li a {
	font-family:'Verdana', Arial sans;
	margin-right:0.2em;
}

#listings li.listing .url {
	color:#008000;
	font-size:90%;
}

#listings ul.br li a:link, ol.br li a:link {
	color:#808080;
}

#listings ul.br li a:visited, ol.br li a:visited {
	color:#808080;
}

.dirSearchContainer {
	padding:0.3em;
	background-color:#eeeeff;
	color:#808080;
	font-family:Arial,
Helvetica;
	font-weight:bold;
	text-align:center;
	margin:0 auto
}

.dirSearchForm .submit {
	background-color:#ffaa77;
	border:2px solid #333;
	color:#ffffff;
	font-family:tahoma,
Helvetica;
	font-weight:bold
}

#odpAttribution {
	clear:both;
	margin:0.3em auto;
	width:32em;
	border:0.2em solid #c0c0c0;
	font-size:80%
}

#odpAttribution div {
	text-align:center;
	padding:0.1em
}

#odpAttribution .about {
	background-color:#c0c0c0;
	color:#ffffff
}

#odpAttribution .links {
	background-color:#f0f0f0;
	color:#aaaaaa
}

#odpAttribution a,
#odpAttribution a:visited {
	color:#c0c0c0
}

#footer {
	clear:both;
	color:#a0a0a0;
	font-size:75%;
	text-align:center
}

#footer a,
#footer a:visited {
	color:#a0a0a0
}

.alpha-shadow {
  background-color: #fff;
  float: left;
  background: url("./images/shadow.gif")
  no-repeat bottom right;
}

.alpha-shadow div {
  background: url("./images/shadow2.png")
  no-repeat left top !important;
  background: url("./images/shadow2.gif")
  no-repeat left top;
  padding: 0 0.3em 0 0;
}

.alpha-shadow img {
  background-color: #fff;
  padding:0.15em;
}