/* ================================================================ 
AJAX
=================================================================== */
#ajax 
{ 
	position:relative;
	float:left;
	margin:10px 0px;

}
.ajax_content
{
	padding:10px 0 0 0px; 
	margin: 35px 0;
}
.ajax_content a img
{
	text-decoration:none;
	border:none;
}
#loading
{ 
    position:absolute;
	top:135px;
	left:135px;
	height:200px;
	width:200px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../images/ajax_loading.gif');
}

/* ================================================================ 
Awareness Result Page Filter
=================================================================== */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/filters/scroll_filter.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* set up the overall width of the filter div, the font and the margins with a relative position*/
.filter 
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:570px;
	z-index:100;
}
.filter h1 {
padding-bottom:0px;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.filter ul 
{padding:0; margin:0; list-style-type: none; border:0;}

/* float the list so that the items are in a line */
.filter ul li 
{float:left; position:relative; margin-right:1px;}

/* style the links to be 150px wide by 20px high. Set the background color and the font size. */
.filter ul li a, 
.filter ul li a:visited 
{
	display:block;
	text-align:left;
	text-decoration:none;
	width:184px;
	height:20px;
	color:#666666;
	line-height:20px;
	font-size:11px;
	text-indent:10px;
	background-color: #f2f3e7;
	background-image: url(../images/gradient2_bkg.gif);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #cfa859;
	border-right-color: #f2f3e7;
	border-bottom-color: #f2f3e7;
	border-left-color: #cfa859;
	background-position: bottom;	
}


/* Get rid of any default table style */
table {border-collapse:collapse;margin:0; padding:0;}

/* make the dropdown ul invisible */
.filter ul li ul {
	display:none;
	text-align:left;
	position:absolute;
	top:22px;
	left:-20px;
	text-align:left;
	z-index:100;
	padding:0 30px 20px 20px;
	background-repeat: no-repeat;
	background-position: 20px 100%;
}

/* set the foreground color of the main filter li on hover and the border to trigger IE */
.filter ul li:hover a, 
.filter ul li a:hover
{color:#cfa859; 
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #cfa859;
	border-right-color: #f2f3e7;
	border-bottom-color: #f2f3e7;
	border-left-color: #cfa859;
}

/* make the sub filter ul visible and position it beneath the first list item */
.filter ul li:hover ul, 
.filter ul li a:hover ul
{display:block;}

/* make the sub filter ul li the full width with padding and border. Add an auto scroll bar */
.filter ul li:hover ul li, 
.filter ul li a:hover ul li
{
	color:#000;
	width:184px;
	height:100px;
	overflow:auto;
	background-color: #f2f3e7;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
/* hack the widht for IE5.5 */
* html .filter ul li a:hover ul li {
	width:150px;
	w\idth:149px;
}

/* style the background and foreground color of the subfilter links */
.filter ul li:hover ul li a, .filter ul li a:hover ul li a
{
	float:left;
	display:block;
	color:#999;
	width:164px;
	overflow: hidden;
	text-align:left;
	text-decoration:none;
	border:0;
	text-indent:5px;
	background:#f2f3e7;
	background-color: #f2f3e7;
	font-weight:normal;
}

/* style the background and forground colors of the links on hover */
.filter ul li:hover ul li a:hover,
.filter ul li a:hover ul li a:hover
{
	text-decoration:none;
	color:#333;
	background-color: #f2f3e7;
	font-weight:normal;
}