﻿/* Search Area CSS */ 

div.GlobalSearch
{
	background-image: url('../images/Search_Bg_Top.gif');
	background-repeat: repeat-x;

	display: block;
	width:207px; /*207*/
	height: 42px;
	float: right;
	text-align:left;
    
}

/* The text box and the button (a) share a single box border */
div.GlobalSearch input, div.GlobalSearch a
{
	border: 1px solid #E6E6E6;
	margin-top: 11px;
	height: 18px;
	float:left;
}

div.GlobalSearch input
{
	width: 143px;
	margin-left: 20px;
	border-right:0;
	padding: 0px 0 0 4px;
	font-size: 11px;
	color: #959595;
}

div.GlobalSearch a
{
	background-color:White;
	margin-left:0;
	padding:0;
	border: 1px solid #E6E6E6;
	border-left:0;
	width:23px;
	height:18px;
	display:block;
}

div.GlobalSearch a img
{
    border:0;
}

/*
The popup div must have an explicit background , or some IE versions/modes while fire mouseout with the target being the
document 
It's position must be absolute, and it's visibility must be hidden 
Giving the anchor some extra width, makes it easier to keep the mouse over the anchor or the popup 
*/
div.SearchPopup
{ 
    background-image: url('../images/Search_Bg_Bottom.gif');
    background-repeat: repeat-x;
    visibility: hidden;    
    display: block;
    position:absolute;
    overflow: hidden;
    height: 42px;
    width: 207px;
    z-index:100;
}

.SearchPopup ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px 0 3px 15px;
}

.SearchPopup li
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #363636;
	list-style-image:none;
	
	display: block;
	height: 7px;
}

.SearchRadio
{
    height: 13px;
    border-width: 0px;
}
