/* -------------------------------------------------------
	   Search and Login
	   ------------------------------------------------------- */
		div#header form.search {
			-webkit-box-shadow: 0 2px 11px #999999 inset;
			-moz-box-shadow: 0 2px 11px #999999 inset;
			-ms-box-shadow: 0 2px 11px #999999 inset;
			box-shadow: 0 2px 11px #999999 inset;
			/* padding:2px; */
		}
		
		#search-submit-button {
			background:none;
			float:right;
			margin:0 12px 0 0;
			width:15px;
			-webkit-border-top-right-radius: 15px;
			-webkit-border-bottom-right-radius: 15px;
			-moz-border-radius-topright: 15px;
			-moz-border-radius-bottomright: 15px;
			-ms-border-radius-topright: 15px;
			-ms-border-radius-bottomright: 15px;
			border-top-right-radius: 15px;
			border-bottom-right-radius: 15px;
		}
	
	/* -------------------------------------------------------
	   Search Box
	   ------------------------------------------------------- */


		div#search-and-login img
		{
			display: block; /* FAKERY */
		}
	
	
	div#search-and-login
	{
		float: right;
		
		margin-top: 9px;
	}
	div#search-and-login p#browseproductseries > a:link, div#search-and-login p#browseproductseries > a:visited {
		color: #34B6DD;
   		text-decoration: none;
	}
	div#search-and-login p#browseproductseries > a:hover, div#search-and-login p#browseproductseries a:focus, div#search-and-login p#browseproductseries a:active {
		color: #34B6DD;
   		text-decoration: underline;
	}
		div#search-and-login a:link,
			div#search-and-login a:visited
		{
			color: rgb(235, 235, 235); /* Almost white */
			letter-spacing: 0.02em;
			
			text-decoration: none;
		}
		
		div#search-and-login a:hover,
			div#search-and-login a:focus,
			div#search-and-login a:active
		{
			text-decoration: underline;
		}
		
		div#search-and-login span.divider
		{
			margin-left:  0.2em;
			margin-right: 0.1em;
		}
		
		
	p.register-login
		{
						font-size: 0.84615em; /* Equivalent to 11px */
						text-transform: uppercase;
					   
						margin-bottom: 0.8em;
						color:#999;
						position: absolute; 
						right: 0;
		}

		p.browse-advanced
		{
			font-size: 0.84615em; /* Equivalent to 11px */
			padding-right: 8px;
		}
		
/** added to handle login form issues **/
		#search-wrapper
		{
			max-width:282px;
			padding:0 0 0 88px;
			float:right;
			width:270px;
			
		}
		form.search
		{
			-webkit-border-radius: 5px;
			-moz-border-radius:    5px;
			-ms-border-radius:     5px;
			border-radius:         5px;
			 
			background-color: #ececec;
			 
			border: 1px solid #9ba7ab;
			 
			/* Prevent background color leak outs */
			-webkit-background-clip: padding-box;
			-ms-background-clip:     padding-box;
			-moz-background-clip:    padding;
			background-clip:         padding-box;
			 
			margin-bottom: 0.7em;
		}
		
			/*
				Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
				http://www.tanfa.co.uk/archives/show.asp?var=300
			*/

			form.search:after,
				form.search #search-type-list:after
			{
				content: ".";
				display: block;
				visibility: hidden;
				
				clear: both;
				
				height:      0;
				line-height: 0;
				font-size:   1px;
			}

			form.search,
				form.search #search-type-list { display: inline-block; }

			form.search,
				form.search #search-type-list { display: block; }

			form.search .ui-widget-content 
			{
				background:none;
            }
		
			form.search #search-type-list
			{
				background-color: none;
				
				
				float: left;
				display: inline-block;
				width: 80px;
				
				font-size: .7em;
				text-align: right;
				
				margin:  0em;
				padding: 0em;
				
				display: block;

				border-style: none;
				background: #b2babd;
				color:#fff;
				font-weight:bold;

				height: 29px;

				position: relative;
				z-index: 500;
				
				/* This is needed so that the corners of this element don't 
					leak outside of the border-radius of the parent element */
				-webkit-border-radius: 3px 0 0 3px;
				-moz-border-radius:    3px 0 0 3px;
				-ms-border-radius:     3px 0 0 3px;
				border-radius:         3px 0 0 3px;
				
				/* Prevent background color leak outs */
				-webkit-background-clip: padding-box; 
				-ms-background-clip:     padding-box; 
				-moz-background-clip:    padding; 
				background-clip:         padding-box;
			}
			
 
			form.search input[type="text"]
			{
				background: none repeat scroll 0 0 transparent;
				border-width: 0px;
				width: 97px;
				float: left; /* Testing for webkit */
				font-size: .7em;
				height: 16px;
				display: inline-block;
				 
				padding-top:    7px;
				padding-bottom: 0.5em;
				 
				padding-left:   0.4em;
				padding-right:  0.4em;
				color:#333;
			}
			::-webkit-input-placeholder { color:#333; }
			::-moz-placeholder { color:#333; }
			:-ms-input-placeholder { color:#333; }
			input:-moz-placeholder { color:#333; }

			form.search input[type="submit"]
			{
				display: inline-block;
				float: left; /* Testing for webkit */
				
				border-width: 0px;
				padding: 0px;
				
				margin-top:   7px;
				margin-right: 10px;
				text-indent: -9999em;
                width:  15px;
                height: 15px;
                         
				background:transparent url(../images/header/search.gif) no-repeat center center;
				cursor:pointer;
		}
		
		div#search-and-login p
		{
			text-align: right;
				color: #999;
			padding-right: 8px;
		}
		
	/* -------------------------------------------------------
	   Search Type - Widths and other dimensions
	   ------------------------------------------------------- */

	ul#search-type-list > li
	{
		width: 80px;
		float: right;
		display: inline-block;
		text-align: left;
		
		/*position: relative; */ /* TESTING */
	}
	
		/* Icon for the Search Type dropdown */
		span.icon.dropdown
		{
			float: right;
			vertical-align: middle;
			margin-top: 5px;
			margin-right: 3px;
			content:'';
			width:0;
			height:0;
			border:6px solid #fff;
			border-color:#fff transparent transparent transparent;
			padding-right: 1px;
		}
		
			/* For IE 7 */
			* + html span.icon.dropdown
			{
				margin-top: 8px;
			}
			
			/* advanced search IE 7 tweaks */
			* + html #searchCom {
				display: none;
				position: absolute;
				margin:-90px 0 0 0;
				width: 903px;
				background-color: #fff;
				z-index: 9999;
				height: 350px;
				padding: 20px;
			}
	
		ul.ui-menu.ui-corner-all,
			li.ui-menu-item.ui-corner-all,
			a.ui-corner-all
		{
			border-radius: 0px;
		}

		/* The container for the drop-down items */
		ul#search-type-list > li > ul
		{
			/* 
				Originally 75px back when this used to line up with the width of the 
				top-level "Search Type" item, but it's a bit larger now to accommodate
				"Programs & Services."
			*/
			width: 94px;
		}
		
		/* The top-level item */
		ul#search-type-list > li > a
		{
			font-size: 0.92308em; /* Equivalent to 12px */
			line-height: 1.2em;
		
			margin: 0px;
			border-width: 0px;
			
			padding-top:    8px;
			padding-bottom: 8px;
			
			padding-left:  8px;
			padding-right: 6px;
			
			display: block;
			
			
			/* This is needed so that the corners of this element don't 
				leak outside of the border-radius of the parent element */
			-webkit-border-radius: 15px 0px 0px 15px;
			-moz-border-radius:    15px 0px 0px 15px;
			-ms-border-radius:     15px 0px 0px 15px;
			border-radius:         15px 0px 0px 15px;
			
			border-right: 1px solid rgb(211, 211, 211); /* Light gray */
		}
		
			/* Variant for IE 7 */
			* + html ul#search-type-list > li > a
			{
				padding-top:     5px;
				padding-bottom: 11px;
			}
		
		/* The selected-item state */
		ul#search-type-list > li > a,
			ul#search-type-list > li > a:focus,
			ul#search-type-list > li > a:hover,
			ul#search-type-list > li > a:active
		{
			color: #fff; /* Medium gray */
			background-color: none;
			text-decoration: none;
			cursor: pointer;
			padding-right: 2px;
		}
	
		
		/* -------------------------------------------------------
		   Search Type - Dropdown items
		   ------------------------------------------------------- */

		ul#search-type-list > li > ul
		{
			/* Hide the dropdown menus until the JavaScript for the menu loads */
			display: none;
		}

				ul#search-type-list.ui-menu .ui-icon
				{
					display: none;
				}
			
		ul#search-type-list > li > ul,
			ul#search-type-list.ui-menu > li > ul
		{
			padding: 0px;
			border-width: 0px;

			/* Box shadow reference: http://css-tricks.com/snippets/css/css-box-shadow/ */
			-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
			-moz-box-shadow:    2px 2px 3px rgba(0, 0, 0, 0.15);
			-ms-box-shadow:     2px 2px 3px rgba(0, 0, 0, 0.15);
			box-shadow:         2px 2px 3px rgba(0, 0, 0, 0.15);

			margin-top: 0px;
			background:#B2BABD;
			
			
			/* These bits are only necessary so that the drop-down looks right
				in that brief moment after appearing automagically through CSS
				but before jQueryUI makes it show up. */
			/* position: absolute;
			top:   27px;
			right:  0px; */
		}
		
		#search-type-list li.ui-menu-item  {

			padding:0px !important;
		}
		ul li.ui-menu-item  {
			line-height: 1.5;
			zoom: 1;
			padding:2px;
		}
		ul li.ui-menu-item a{
			text-decoration: none;



		}
			ul#search-type-list > li > ul,
				ul#search-type-list.ui-menu > li > ul
			{
/*				 padding-top:    0.5em;
				padding-bottom: 0.5em; */
			}

			ul#search-type-list.ui-menu > li > ul
			{
/*				display: none;
*/			}
			
			/* The drop-down menu */
			ul#search-type-list > li ul a
			{
				line-height: 1.2;
				color: white;
				padding:.2em 1.5em .5em;
				font-size:.95em;
				display:block;
			}

				/* Selected and hovered items within the drop-down menu */
				ul#search-type-list > li ul li.selected a,

					ul#search-type-list > li ul a.ui-state-active,
					ul#search-type-list > li ul a:active
				{
					margin: 0em;

					border-width: 0px;

					text-decoration: none;
				}
				/* Selected and hovered items within the drop-down menu */

					ul#search-type-list > li ul a.ui-state-focus,
					ul#search-type-list > li ul a.ui-state-hover,


					ul#search-type-list > li ul a:focus,
					ul#search-type-list > li ul a:hover
				{
					margin: 0em;
					background: url(../images/header/nav_tile_hover.gif) repeat-x;
					border-width: 0px;

					text-decoration: none;

				}
				/* Selected items within the drop-down menu */
				ul#search-type-list > li ul li.selected a
				{
					font-weight: bold;
				}


				/* Hovered items within the drop-down menu */
				ul#search-type-list > li ul a.ui-state-focus,
					ul#search-type-list > li ul a.ui-state-hover,
					ul#search-type-list > li ul a.ui-state-active,

					ul#search-type-list > li ul a:focus,
					ul#search-type-list > li ul a:hover,
					ul#search-type-list > li ul a:active
				{
					background-color: #34b6dd;
					background: url(../images/header/nav_tile_hover.gif) repeat-x;
				}
		
				/* Items in the dropdown */
				ul#search-type-list.ui-menu > li.ui-menu-item ul.ui-menu > li.ui-menu-item > a
				{
					font-size: 0.92308em; /* 12px at the default font size */
					
					text-align: left;
					display: block;
					
					padding-left:  12px;
					padding-right: 12px;
					
					padding-top:    0.35em;
					padding-bottom: 0.35em;
				}

	/* -------------------------------------------------------
	   Autocomplete Bits
	   ------------------------------------------------------- */
				
	/* Autocomplete widget as a whole */
	ul.ui-menu.ui-autocomplete
	{
		z-index: 100 !important;
		
		background-color: #B2BABD;
		
		-webkit-border-radius: 5px;
		-moz-border-radius:    5px;
		-ms-border-radius:     5px;
		border-radius:         5px;
		
		border-width: 0px;
		
		margin:  30px 0 0 -67px;
		padding: 0em;
		
		padding-top: 0.3em;
		
		/* left: 864px !important; */ /* This tugs the element toward the left */
		width: 255px !important;
		list-style: none;
	}
	
		ul.ui-autocomplete strong
		{
			font-weight: bold;
		}
	
	
	ul.ui-autocomplete a.ui-corner-all
	{
		border-radius: 0px;
	}
	
		/* Links within the autocomplete dropdown */
		ul.ui-autocomplete > li.ui-menu-item a
		{
			color: #333;
			border-width: 0px;
			font-size: 14px;
			padding-top:    0.25em;
			padding-bottom: 0.25em;
			
			padding-left:  15px;
			padding-right: 15px;
		}
		
		.ui-autocomplete .ui-state-hover, 
			.ui-autocomplete .ui-widget-content .ui-state-hover, 
			.ui-autocomplete .ui-widget-header .ui-state-hover, 
			.ui-autocomplete .ui-state-focus, 
			.ui-autocomplete .ui-widget-content 
			.ui-autocomplete .ui-state-focus, 
			.ui-autocomplete .ui-widget-header .ui-state-focus
		{
			border-width: 0px;
		}
	
			/* Selected items within the autocomplete dropdown */
			ul.ui-autocomplete > li a.ui-state-focus,
				ul.ui-autocomplete > li a.ui-state-hover,
				ul.ui-autocomplete > li a.ui-state-active,
				ul.ui-autocomplete > li a:focus,
				ul.ui-autocomplete > li a:hover,
				ul.ui-autocomplete > li a:active
			{
				color: white;
				background-color: #B2BABD;
			}