/** these styles appear on App_GlobalFiles/search.aspx
some HTML output on this page can be modified and some can't.
FJD6 12.06.2010
**/


/*set typography across all styles*/
#googleResults ul, #googleResults li, #result, #paging, #googleNumberOfResults, #googlePaging
{
	font-family: inherit;
	font-size: inherit;
}

#googleContainer { 
	width: 90%;
	padding: 20px;
}

#googleContainer ul { 
    list-style: none !important;
    background: none !important;
}

#googleContainer ul li { 
    list-style: none !important;
    background: none !important;
}

/* begin tabbed search filter styles*/

#searchFilterLabel { /*this sets apart the "Search in:" label from the tabs*/
    display: block;
	position: relative;
    font-weight: bold;
    color: #000;
    margin: 0;
    padding: 0;
}

#searchTabs { /*need to wrap tabs and results in div tags for standards compliant positioning - the asp labels are spans */
    display: block;
	position: relative;
	top: 14px;
	left: -12px;
	width: 100%;
    
}

#searchResults { /*need to wrap tabs and results in div tags for standards compliant positioning - the asp labels are spans */
    display: block;
}


/*#ctl00_ContentPlaceHolder2_Search1_lblSearchFilter { /* this pushes the tabs to be flush left with the search results "box" 
	position: relative;
	top: 14px;
	left: -12px;
	width: 100%;
}*/

#searchFilters ul { /* this is the main UL for the Search Tabs*/
    list-style: none;
    
}

#searchFilters li 
{
	list-style: none;
	display: inline;
	margin: 0 !important;
	margin-right: 3px !important;
	padding: 0 !important;
}


#searchFilters a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000 !important;
	padding: 10px 15px 10px 15px;
    background: #ddded0;
    width: 300px;
    margin: 0;
}

#searchFilters a:hover {
    background: #e3f5f9;
	color: #000 !important;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none !important;
    margin: 0;
	}

#searchFilters a.active {
	background: #0087a4;
    font-weight: bold;
    color: #fff !important;
    margin: 0;
}

/* end tabbed search filter styles*/


#googleNumberOfResults { /* directly under tabbed search styles, "You are viewing 1 to 10 of XXX results"*/
    background:url(../_images/bg_search_grade.jpg) top left repeat-x;	
	border-bottom: dotted 1px #000;
	padding: 13px 10px 10px 10px;
	position: relative;
	top: 2px;
	*top: 1px; /* IE hack*/
}

#googleMatchedResults {
	border-bottom: dotted 1px #000;
	padding: 0 10px 5px 25px;
	position: relative;
	top: 2px;
	*top: 1px; /* IE hack*/
	margin-bottom: 2em;
}

#matchedResult{
	margin-bottom: 1em;
}

#matchedResultUrl {
	padding-bottom: .25em;
	font-weight: 800 !important;
	font-size: 14px !important;
	text-decoration: underline;
}

#matchedResultUrl a:link, a:visited {
	text-decoration: underline;
	line-height: 14px;
}

/* search results styles */

#googleResults {
	padding-top: 15px;
	width: 100%;
}


#result {
	/* no styles, just a placeholder -- this is used in the cs code*/
}

#resultNumber {
	font-weight: 800;
	margin-right: 10px;
}

#resultItems
{
	/* we move this up to sit next to the result number*/
	
	position: relative;
	/*left: 20px;*/
	top: -15px;
	top: -15px;  /*IE hack*/
}

ul#resultItems
{
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;	
	margin-bottom: 15px !important;
}

li#resultUrl {
	list-style: none;
	background: none;
	display: block;
	margin: 0 0 4px 0 !important;
}
   
li#resultUrl a:link, a:visited {
	font-weight: 800 !important;
	font-size: 14px !important;
	text-decoration: underline;
	line-height: 14px;
}

li#resultDescription {
	font-weight: 400;
	list-style: none;
	background: none;
	display: block;
	margin: 0 0 3px 0 !important;
}

li#resultFullUrl {
	font-weight: 800;
	list-style: none !important;
	background: none;
	display: block;
	margin: 0 10px 3px 0 !important;
}



/* paging styles */
#googlePaging
{
	position: relative;
	top: 0;
	left: -25px;
}

#googlePaging ul
{
	display:inline;
	list-style: none;
	margin: 0px;
}

#googlePaging li
{
	display:inline;
	padding-right: 2px;
	padding-left: 2px;
	
}

ul#noResults 
{
    display:block;
    height: 200px;
}

ul#noResults li a:link, ul#noResults li a:visited
{
    color: #0187A2 !important;
}

ul#noResults li a:hover, ul#noResults li a:active
{
    text-decoration: underline !important;
}