/*****************************************************
 * File Name: HeaderControl.css
 * Created By: Michael Walker
 * Date Created: 9/25/2007
 * 
 * Summary:
 * This is a Cascading Style Sheet that controls the 
 * styles of a web page.  This file specifically 
 * controls the look of the HeaderControl.  This includes
 * the banner, main navigation and CMS controls within the 
 * the HeaderControl
 *
 * Revisions:
 * Modified By      Date        Comments
 * -----------      ----        --------
 * Ken Goodson	  09/03/2008	Added styles for search functionality.
 * Ken Goodson    12/03/2008	Changed spacer margin left from 22 to 18
 *								and margin right from 20 to 16 to compensate
 *								for Customer Activities top menu link
 *****************************************************/

#main
    {
        margin:0px 9px 0px 9px;
        width:969px;
        height:163px;   
        background-image:url(../../images/top-banner.jpg);
    }
    .headerLink
    {
        width:365px;
        height:91px;
        margin:36px 0px;
        float:left;
        display:block;
    }
    #loggedIn
    {
        float:right;
        margin-top:5px;
        margin-bottom:5px;
        margin-right:5px;
        color:white;
    }
    
    #loginControl
    {        
        clear:right;
        float:right;        
    }
    #topMenu
    {
        background-image:url(../../images/menu-bar.jpg);
        width:989px;
        height:37px;
        padding-top:15px;      
        background-repeat:no-repeat;
        text-align:center;
        
    }
    .topMenuItem a:link, .topMenuItem a:visited
    {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        vertical-align:middle;
        font-size:15px;
    	font-weight: bold;
    	color: #FFFFFF;
	    text-decoration: none;
    	letter-spacing: 0.06em;
    	height:23px;    	
    	padding-bottom:5px;    	
    	
    }
    .topMenuItem a:visited:hover, .topMenuItem a:hover
    {
	text-decoration:none;
        color:#FFC90C;
    }
    .spacer
    {
        border-left:2px solid white;
        height:23px;
        margin-left:18px;
        margin-right:16px;
        font-size:20px;
        width:2px;
        overflow:hidden;
    }
    #topLinksContainer
    {
		font-family: Verdana, Arial, Helvetica, sans-serif;	
		top: 0px;
		float:right;
		text-align: right;
		margin-top:5px;
		margin-right:15px;
		text-decoration: none;
    }
    #topLinksContainer a:hover    
    {
		text-decoration: underline; 		
    }
	#searchContainer
    {
        top: 125px;
		float:right;
		margin-top:5px;
		font-size: 13px;
    } 
    #search
    {
        padding: 5px 0px 0px 0px;
		vertical-align: top;       		        
    }
    .searchTextBox
    {
        font-size: 13px;		
		text-align: left;
		vertical-align: middle;		
		height: 13px;		
    }
    .button
    {
		height: 19px;
		text-align: center;
		margin-right: -3px;  /* this right aligns the button with the toplinks */
		border: 0px;		
		color: White;
		background-color: #B95B22;  /*#BO5B22 from DMA Solutions; #FF0000; #B24700 Red*/		
    }
	.leadArrow2
	{
		float:left;
		margin-left:3px;
		margin-right:10px;
		margin-top:2px;
		margin-bottom: 2px;
	}