/* -------------------------------------------------------
	   Masthead - Search fieldset
	   ------------------------------------------------------- */

		div#masthead div.search-container
		{
		    float: right;
		    display: inline; /* This helps IE with floated elements */
		    text-align: right;
		    padding: 7px 5px 2px 5px;
		    margin-left:  4px;
		    margin-right: 4px;
		    margin-top:      0em;
		    margin-bottom: 0.7em;
		    border-width: 0em;
		    font-size: 0.85em;
		}

		    div#masthead div.search-container .search-label
		    {
		        position: absolute;
		        left: -10000px;
		        height:0px;
		    }
    
		    div#masthead div.search-container .search-label-hint                  
		    {
		        position: absolute;          
		        padding-top:2px;
		        padding-left:8px;
		        color:gray;
		    }


		    div#masthead div.search-container input
		    {
		        margin: 4px;
		    }

		    /* The search/input field specifically */
		    div#masthead div.search-container input.type-search
		    {
		        WIDTH: 180px; 
		        height: 20px; 
		        BACKGROUND: url("images/soi_searchbox.gif") no-repeat left top; 
		        border: none; 
		        padding: 2px 0px 0px 8px; 
		        margin: 0px; 
		        vertical-align: top;                                            
		    }
		
		    div#masthead div.search-container input.type-submit
		    {
		        WIDTH: 29px; 
		        height: 20px; 
		        border: none; 
		        padding: 0px 0px 0px 0px; 
		        margin: 0px; 
		        vertical-align: top;                            
		    }
    
		    #searchbutton
		    {
		        background: url('Images/button_go.jpg') transparent no-repeat scroll left top;
		        border-width:0;
		        height:25px;
		        width:25px;        
		    }
		    
		        /* Web Part specifically */
		    div.SOISearchBox div.search-container input.type-search
		    {
		        WIDTH: 500px; 
		        height: 25px; 
		        padding: 2px 0px 0px 8px; 
		        margin: 0px; 
		        vertical-align: top;       
		        font-size:1.3em;                                     
		    }
		    div.SOISearchBox div.search-container input.type-submit
		    {
		        border: none; 
		        padding: 0px 0px 0px 0px; 
		        margin: 0px; 
		        vertical-align: top;                            
		    }
		    div.SOISearchBox div.search-container .search-label-hint                  
		    {
		        position: absolute;          
		        padding-top:6px;
		        padding-left:8px;
		        height:25px;
		        color:gray;
		    }
	/* -------------------------------------------------------
	   Rotator - Container
	   ------------------------------------------------------- */

	div.rotator h2
	{
		position:absolute;
		left:-10000px;
		height: 0px;
	}
	div.rotator
	{
		/* Make sure margins don't leak out via margin collapsing */
		padding-bottom: 1px;
		margin-bottom: 1em;
	}
	
		/* These bits help IE6 / IE7 with alignment */
	
		/* 1st for IE 5.x-6, 2nd for IE 7, hidden from IE 5 Mac */ /*\*/
		/*
		* html div.rotator ol.thumbnails,
			* html div.rotator span.photo
		{
			padding-top: 20px;
		}
		
		* + html div.rotator ol.thumbnails,
			* + html div.rotator span.photo
		{
			padding-top: 20px;
		}
		*/
		/**/ /* end hidden from IE 5 Mac */
		
	/*
	  Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
	  http://www.tanfa.co.uk/archives/show.asp?var=300
	*/
	
	div.rotator:after 
	{
		content: ".";
		display: block;
		visibility: hidden;
		clear: both;
		height:      0;
		line-height: 0;
		font-size:   1px;
	}
	
	div.rotator { display: inline-block; }
	
	/* 1st for IE 5-6, hidden from IE 5 Mac */ /*\*/
	* html div.rotator { height: 1%; }
	
	div.rotator { display: block; }
	/**/ /* end hidden from IE 5 Mac */


	/* -------------------------------------------------------
	   Rotator - Thumbnails
	   ------------------------------------------------------- */

	div.rotator ol.thumbnails
	{
		float: left;
		display: inline; /* This helps IE with floated elements */
		width: auto;
		margin:  20px 0 0 0;
		padding: 0em;
	}
		
		div.rotator ol.thumbnails li
		{
			margin:  0em;
			padding: 0em;
			list-style-type: none;
			margin-bottom: 1.5em;		
		}
		
			div.rotator ol.thumbnails li a
			{
				display: block;
				padding: 5px 10px;
				margin: auto 7px;
				color:#fff;		
				background-image:url('Images/thumbnail.gif');	
				background-repeat:no-repeat;	
			}
			
				div.rotator ol.thumbnails li a img
				{
					/* 
						(This way, the thumbnails don't shift 
						as they're being hovered over.)
					*/
					border-width: medium;
					border-style: solid;
					border-color: transparent;				
				}
			
				div.rotator ol.thumbnails li a:hover, 
					div.rotator ol.thumbnails li.current a
				{
					background-image:url('Images/thumbnailcurrent.gif');
					background-repeat:no-repeat;
					color:#000;
				}
	

	/* -------------------------------------------------------
	   Rotator - Tabs
	   ------------------------------------------------------- */
	.tab
	{
		position:absolute;
		left:-10000px;
	}

	div.rotator ul.tabs,
		div.rotator ul.tabs li.tab
	{
		/* General reset */
		margin: 0em;
		padding: 0em; 
		list-style:none;
	}
	
	div.rotator ul.tabs
	{
		/*margin-left: 75px; *//* Leave room for the thumbnails */
		
		/*margin-bottom: 1.0em;*/
	}
		
		div.rotator ul.tabs li.tab
		{}
		
		/*
			Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
			http://www.tanfa.co.uk/archives/show.asp?var=300
		*/

		div.rotator ul.tabs li.tab:after 
		{
			content: ".";
			display: block;
			visibility: hidden;
			clear: both;
			height:      0;
			line-height: 0;
			font-size:   1px;
		}

		div.rotator ul.tabs li.tab { display: inline-block; }

		/* 1st for IE 5-6, hidden from IE 5 Mac */ /*\*/
		* html div.rotator ul.tabs li.tab { height: 1%; }

		div.rotator ul.tabs li.tab { display: block; }
		/**/ /* end hidden from IE 5 Mac */
		
	
			div.rotator ul.tabs li.tab span.photo
			{
				float: left;
				display: inline; /* This helps IE with floated elements */
				margin: 0;
				margin-right:20px;
			}
		
			div.rotator ul.tabs li.tab div.copy ul
			{			
				list-style-position:inside;
			}

			div.rotator ul.tabs li.current
			{
				position:static;
				left:0px;
			}