﻿/* This file was created to handle the css for the search box */

/* ********************************************************************************************
   ********************************************************************************************
   ********************************************************************************************
   **** MOVE THE FOLLOWING CLASSES TO Main.css WHEN IT IS AVAILABLE.                       ****
   ********************************************************************************************
   ********************************************************************************************
   ******************************************************************************************** */
.PaddingTop70 {padding-top: 70px;}
.PaddingTop800 {padding-top: 800px;}
.hidecontent {display:none;}

/* ** THE "Results 1-10 of..." LINE ** */
.Blossom_Header {font-weight:bold;}

/* ** THE HIGHLIGHTED SEARCH TERMS ** */
.Blossom_Highlight {background:#D8CEF6;font-weight:bold;font-style:italic;}

/* ** THE UNLINKED URL DISPLAYED ** */
.Blossom_DocURL {font-style:italic;color:#888888;}

/* ** THE SIZE OF THE FILE ** */
.Blossom_DocInfo {font-style:italic;color:#888888;}

/* ** THE [Next 10] LINK AT THE BOTTOM ** */
.Blossom_MoreButtons {display:block;text-align:center;margin-top:20px;font-weight:bold;}

.PaddingBottom44 {padding-bottom: 44px;}
/* ********************************************************************************************
   ********************************************************************************************
   ********************************************************************************************
   **** END: MOVE THE FOLLOWING CLASSES TO Main.css WHEN IT IS AVAILABLE.                  ****
   ********************************************************************************************
   ********************************************************************************************
   ******************************************************************************************** */

/* ********************* BEGIN: SEARCH ON HOMEPAGE HEADER IMAGE *************************** */
#searchOuterContainerHomepage
{ 
}
    
#searchInnerContainerHomepage
{
  position: relative;
  top: -43px;
  height: 0; /* removes the extra space in the original position */
  right: 15px;
  float: right;
  margin-bottom: auto;
}

#searchTextboxHomepage 
{ 
	position: relative;
    float: right;
    background-image: url('img/search-bg-homepage.png'); 
    background-repeat: no-repeat;
    height: 34px;
    width: 307px;
}

#searchTextboxHomepage input 
{
	margin: 0;
	padding: 0;
	position: relative;
	top: 10px;
	left: 10px;
	z-index: 10;
	border: 0;
	color: #777777;
}

#searchButtonHomepage
{
	position: relative;
    float: right;
	top: 7px;
	left: 302px;
	z-index: 10;
}
/* ********************* END: SEARCH ON HOMEPAGE HEADER IMAGE *************************** */

/* ************************* BEGIN: SEARCH IN SMALL HEADER IMAGE *************************** */
#searchOuterContainerSmHeader
{   
    float: right;
}
    
#searchInnerContainerSmHeader
{
  position: relative;
  
  /* **** FOR SMALL SEARCH BOX **** top: -26px;*/
  top: -30px;
  
  left: -1px;  
  height: 0;
  float: right;
  margin-bottom: auto;
}

#searchTextboxSmHeader 
{
	position: relative;
    float: right;
    
    background-image: url('img/search-bg-sm-header.png');
    
    background-repeat: no-repeat;
    
    /* **** FOR SMALL SEARCH BOX **** height: 26px;
    width: 235px;*/
    height: 30px;
    width: 271px;
}

#searchTextboxSmHeader input 
{	
	margin: 0;
	padding: 0;
	position: relative;
    float: right;
    
	/* **** FOR SMALL SEARCH BOX **** top: 7px;
	left: -58px;*/
	top: 8px;
	left: -30px;
	
	z-index: 10;
	border: 0;
	
	color: #777777;
	/* **** FOR SMALL SEARCH BOX **** color: #3B3B3B;*/ /* Darker than #777777, lighter than #000000 */
}

#searchButtonSmHeader
{
	position: relative;
    float: right;

    
	/* **** FOR SMALL SEARCH BOX **** top: 4px;
	left: 230px;*/
	top: 7px;
	left: 265px;
}
/* ************************* END: SEARCH IN SMALL HEADER IMAGE *************************** */

/* ************************* BEGIN: SEARCH IN BODY OF PAGE *************************** */
#searchOuterContainerPageBodyLeftNav
{
   float: right;
   position: relative; 
   left: -168px;  
   height: 0;
   text-align:left;
   top: -26px;
   margin-bottom: auto;
}

#searchOuterContainerPageBodyNoNav
{   
   float: right;
   position: relative;
   top: -26px;
   left: -268px;
   height: 0;
   float: right;
   margin-bottom: auto;
}

#searchOuterContainerPageBodyPaddingRight40 
{   
   float: right;
   position: relative;
   top: -26px;
   left: -258px;
   height: 0;
   float: right;
   margin-bottom: auto;
}

#searchTextboxPageBody 
{
	position: relative;
    float: right;
	z-index:17;
    left: -10px;
    top: 3px;    
    background-image: url('img/search-bg-page-body.png');    
    background-repeat: no-repeat;
    height: 30px;
    width: 330px;
}

#searchTextboxPageBody input 
{
	margin: 0;
	padding: 0;
	border: 0;
	z-index:18;
	color: #777777;
	position: relative;
    float: right;
	top: 8px;
	left: -55px;
}

#searchButtonPageBody
{
	position: relative;
    float: right;
	z-index: 19;	
	top: 6px;
	left: 267px;
}
/* ************************* END: SEARCH IN BODY OF PAGE *************************** */

/* ********************** BEGIN: SEARCH IN BODY OF PAGE - LEFT ALIGN (NO LINES) ************************ */
#searchTextboxPageBodyLeftAlign 
{
	position: relative;
	z-index:17;
    left: -10px;
    top: 3px;    
    background-image: url('img/search-bg-page-body.png');    
    background-repeat: no-repeat;
    height: 30px;
    width: 330px;
}

#searchTextboxPageBodyLeftAlign input 
{
	margin: 0;
	padding: 0;
	border: 0;
	z-index:18;
	color: #777777;
	position: relative;
	top: 8px;
	left: 30px;
}

#searchOuterContainerPageBodyLeftAlign 
{   
   position: relative;
   top: -26px;
   left: -10px;
   height: 0;
   margin-bottom: auto;
}

#searchButtonPageBodyLeftAlign
{
	position: relative;
	z-index: 19;	
	top: -24px;
	left: 240px;
	top: -24px;
	left: 240px;
}
/* ********************** END: SEARCH IN BODY OF PAGE - LEFT ALIGN (NO LINES) ************************ */