/** search **/

/**************************************************************************************
/* update the following classes to change the appearance of the search page
/*************************************************************************************/

/* this is the class used on the outside container element for the search sitecm page content */
/* html example: <div class="Search_Content_Wrapper"> */
/* this element is used to avoid the broken box model object in ie6 */
.Search_Content_Wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* this is the class used on the inside container element for the search sitecm page content */
/* html example: <div class="Search_Content_Wrapper"><div class="Search_Content"> */
.Search_Content {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* this is the class used on the outside container element for the search */
/* html example: <div class="Search_Wrapper"> */
/* this element is used to avoid the broken box model object in ie6 */
.Search_Wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* this is the class used on the inside container element for the search sitecm page content */
/* html example: <div class="Search_Wrapper"><div class="Search"> */
.Search {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* this is the class used on the container element for the search form */
/* html example: <div class="SearchForm"> */
.Search .SearchForm {
	margin: 0;
	padding: 20px 0;
}

/* this is the class used on the container element for the question */
/* html example: <div class="Label">Keyword(s):</div> */
.Search .Label {
	font-weight: bold;
	width: 100px;
	float: left;
	padding: 2px;
}

/* this is the class used on the container element for the keyword label */
/* html example: <div class="Label SearchLabel">Keyword(s):</div> */
/** overrides .Label **/
.Search .SearchLabel {}

/* this is the class used on the container element for the form field */
/* html example: <div class="Field"> */
.Search .Field {
	width: 200px;
	float: left;
}

/* the form field element */
/* html example: <div class="Field"><input type="text" ... /></div> */
.Search .Field input {
	border: solid 1px #999;
	width: 190px;
}

/* this is the class used on the container element for the keyword form field */
/* html example: <div class="Field SearchField"> */
/** overrides .Field **/
.Search .SearchField {}

/* the keyword form field element */
/* html example: <div class="Field SearchField"><input type="text" ... /></div>  */
/** overrides .Field input **/
.Search .SearchField input {}

/* this is the class used on the spacer element that exists after the form field */
/* html example: <div class="Spacer"><img src="/images/shim.gif" width="1" height="1" border="0" alt="" /></div> */
.Search .Spacer {
	float: left;
	width: 10px;
}

/* this is the class used on the container element for the buttons */
/* html example: <div class="Buttons">...</div> */
.Search .Buttons {
	float: left;
	width: 150px;
}

/* this is the class used on the container element for the submit image */
/* html example: <div class="SubmitImage"> */
/* sets size and background image for button */
/* use only .SubmitImage or .SubmitButton, add display: none; to other */
.Search .SubmitImage {
	display: none;
}

/* the image form element */
/* html example: <div class="SubmitImage"><input type="image" src="/images/shim.gif" alt="" border="0" /></div> */
/* should be same size as .SubmitImage */
.Search .SubmitImage input {}

/* this is the class used on the container element for the submit button */
/* html example: <div class="SubmitButton">...</div> */
/* use only .SubmitButton or .SubmitImage */
.Search .SubmitButton {}

/* the submit button form element */
/* html example: <div class="SubmitButton"><input type="submit" value="Search" /></div> */
.Search .SubmitButton input {}

/* this is the class used on the message that is display when an error occurs after submitting a form */
/* html example: <div class="ErrorMessages">...</div> */
.Search .ErrorMessages {
	color: #f00;
	background-color: #ffc;
	border: dashed 1px #333;
	padding: 5px;
	margin-bottom: 20px;
}

/* this is the class used on the container element for the search results */
/* html example: <div class="SearchResults"> */
/* to style the elements that are contained inside this element is select from the "Appearance" menu in the editor */
.Search .SearchResults {
	clear: both;
}

/* this is the class used on the message that is display when 0 (zero) search results are returned */
/* html example: <div class="SearchResults NoResults"> */
/** overrides .SearchResults **/
.Search .NoResults {
	padding-top: 10px;
}

/**************************************************************************************
/* SEARCH RESULT CLASSES */
/* The following classes are for defining the appearance and positioning of the 
/* elements that make up a single search result item: Icon (image result only), Title, 
/* Last updated, Description, File Name, File Size. The appearance of the search results
/* should be defined by the selection from the "Appearance" menu in the editor or if 
/* "Custom" is selected in the manager than the appearance of the results should 
/* defined a seperate CSS file that is defined by the following Configuration Settings:
/* SCM_CSS_Search_Custom_Skin
/* SCM_CSS_Search_Custom_Skin_Path
/*************************************************************************************/

/* this is the class used on the container element for a search result */
/* html example: <div class="SearchResult"> */
.Search .SearchResult {}

/* this is the class used on the container element for a search result of a document */
/* html example: <div class="SearchResult Document"> */
/** overrides .SearchResult **/
.Search .Document {}

/* this is the class used on the container element for a search result of a image */
/* html example: <div class="SearchResult Image"> */
/** overrides .SearchResult **/
.Search .Image {}

/* this is the class used on the container element for a search result of a page */
/* html example: <div class="SearchResult Page"> */
/** overrides .SearchResult **/
.Search .Page {}

/* this is the class used on the container element for the search result icon (image only) */
/* html example:  */
.Search .Image .Icon {
	width: 10%;
	float: left;
	text-align: left;
}

.SearchResult {
	padding: 10px 0;
}

/* this is the class used on the container element for the search result title/name */
/* html example: <div class="Title"> */
.SearchResult .Title {}

/* this is the class used on the link element for the search result title/name */
/* html example: <div class="Title"><a href="...">...</a></div> */
.SearchResult .Title a {}
.SearchResult .Title a:hover {}

/* this is the class used on the container element for the search result file name */
/* html example: <div class="FileName">/aboutus.htm</div> */
.SearchResult .FileName {
	clear: both;
	display: inline;
	padding: 0 10px 0 0;
	font-size: 10px;
}

/* this is the class used on the container element for the search result file size */
/* html example: <div class="FileSize">254 Bytes</div> */
.SearchResult .FileSize {
	clear: both;
	display: inline;
	padding: 0 10px;
	font-size: 10px;
}

/* this is the class used on the container element for the search result file last modified date */
/* html example: <div class="LastModified">Last Updated: 1/16/2007 9:05:02 AM</div> */
.SearchResult .LastModified {
	clear: both;
	display: inline;
	padding: 0 10px;
	font-size: 10px;
}

/* this is the class used on the container element for the search result description */
/* html example: <div class="Description">...</div> */
.SearchResult .Description {
	padding: 5px 0;
}

/* this is the class used on the container element for the search result description (image only) */
/* html example: <div class="Description">...</div> */
/* resize due to icon */
.Search .Image .Description {
	width: 90%;
	float: left;
}

/* this is the class used on the container element for the search result image width (image only) */
/* html example: <div class="ImageWidth">Width:300</div> */
.Search .Image .ImageWidth {}

/* this is the class used on the container element for the search result image height (image only) */
/* html example: <div class="ImageHeight">Height:30</div> */
.Search .Image .ImageHeight {}

/* this is the class used on the spacer element that exists after every image search result */
/* html example: <div class="Spacer"><img src="/images/shim.gif" width="1" height="1" border="0" alt="" /></div> */
.Search .Image .Spacer {
	float: none;
	clear: both;
}

/* this is the class used on the container element for the search result related items -- currently not used */
/* html example:  */
.SearchResult .Related {
	display: none;
}

/* this is the class used on the spacer element that exists after every search result */
/* html example: <div class="Spacer"><img src="/images/shim.gif" width="1" height="1" border="0" alt="" /></div> */
.SearchResult .Spacer {
	float: none;
	clear: both;
}


/* this is the class used on the container element for the news article search results*/
/* html example: <span class="SearchResult NewsArticle"> */
.NewsArticle {
}

/* this is the class used on the container element for the news article search result headline or title*/
/* html example: <span class="SearchResult NewsArticle"> <div class="Headline">*/
.NewsArticle .Headline{}

/* this is the class used on the link element for the news article search result headline or title*/
/* html example: <span class="SearchResult NewsArticle"> <div class="Headline"> <a href=....>...</a></div>...*/
.NewsArticle .Headline a:link,
.NewsArticle .Headline a:active{}
.NewsArticle .Headline a:hover{color:#333;}
.NewsArticle .Headline a:visited{}

/* this is the class used on the container element for the news article search result description*/
/* html example: <span class="SearchResult NewsArticle">.... <div class="Description">....</div>*/
.NewsArticle .Description{
}

/* this is the class used on the container element for the news article search result file name */
/* html example: <div class="FileName">/aboutus.htm</div> */
.NewsArticle .FileName{
	float: left;
	font-size:10px;
	padding:0 10px 0 0;
}

/* this is the class used on the container element for the news article search result file published date */
/* html example: <div class="PubDate">Publish Date: 9/30/2009 12:03:00 PM</div> */
.NewsArticle .PubDate{
	float: right;
	font-size:10px;
	padding:0 10px 0 0;
}

/* this is the class used on the spacer element that exists after every search result */
/* html example: <div class="Spacer"><img src="/images/shim.gif" width="1" height="1" border="0" alt="" /></div> */
.NewsArticle .Spacer{
	clear:both;
}