/* General Styling for elements in the Widget */
 
.ri-widget {
    position: relative;

}
 
.ri-widget img {
    border: 0;
}
 
.ri-widget a {
    text-decoration: none;
}
 
.ri-widget a:hover {
    text-decoration: underline;
}
 
/* Coloring */
 
/* All "coloring" in one place for easy editing. You can copy/paste this section
 * in between <style>...</style> tags, or create another style sheet document,
 * to override these. The idea is that you choose 3 (or 4) colours, the 
 * Background Color, Foreground Color, and Highlight Color (and Alternate 
 * Highlight Color). The comments tell you which ones to put where. */
 
.ri-widget-search  .field a,            /* Inactive form field tab */
.ri-widget-results .wait,               /* AJAX loading anim. background */
.ri-widget-results .list,               /* Container of result list */
.ri-widget-results .pager a.selected    /* Active page number tab */
{
    /* background: #f5f5f5;   /* Background Color */
	/*	 background: #CC9 */
		background-image:url(widget-bg.gif)
}
 
.ri-widget-search .field a:hover        /* Form field tab being hovered over */
{
     /* Highlight Color or Brighter Highlight Color */
	background-image:url(widget-hover.gif)
}
 
.ri-widget-search .selected a,          /* Active form field tab */
.ri-widget-search .selected a:hover,    /* Active form field tab */
.ri-widget-results,                     /* Top-Level container for results */
.ri-widget-search .field .control       /* Container of form field control */
{
     background: #006   /* Highlight Color */
	
}
 
.ri-widget-results .pager a             /* Inactive page number tab */
{
    color: #FFFFFF;        /* Background Color */
}
 
.ri-widget-results .pager a.selected    /* Active page number tab */
{
    color: #353535;        /* Foreground Color */
}
 
.ri-widget-results li a                 /* Link in results list */
{
    color: #900;        /* Highlight Color or Darker Highlight Color */
}
.ri-widget-results li a:hover           /* Hovered link in results list */ /*<-- actually, page # hover color  */
{
    color: #88f;        /* Highlight Color or Brighter Highlight Color */
}
 
.ri-widget-search .starter {
    color: #aaa;
}
 
 
/* Search Form */

/* Search button */
.searchbutton {
	color: #FFF;
  background-color: #900;
  font-size:12px; font-family:Helvetica, Arial, sans-serif;
   font-weight: bold;
   border-color:#FFF; border-width:2px; border-style:solid
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-radius: 0 0 2px 2px;
}

.searchbutton:hover {background-color:#81bf2e}
 
/* note that we had to change .logo to .glin_logo in .js and css to prevent Drupal logo class override */
.ri-widget-search .glin_logo {
    float: left;
}
 
.ri-widget-search form {
    margin-left: 30px;
    position: relative;
    padding-top: 32px;
    height: 55px;
}
 
.ri-widget-search .field a {
    padding: 0 .2em;
    display: block;
    float: left;
    height: 25px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-radius: 0 0 4px 4px;
}
 
.ri-widget-search .field label {
    display: none;
}
 
.ri-widget-search form input {
    position: absolute;
    bottom: 0;
    right: 0;
}
 
.ri-widget-search .field .control {
    position: absolute;
    top: 0;
    left: 0;
    height: 28px;
    display: none;
    width: 100%;
    padding: 2px;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 0;
    border-radius: 0 4px 4px 0;
}
 
.ri-widget-search .field .control input, .field .control select {
    position: static;
    display: block;
    width: 95%;
    margin: 2px;
}
 
.ri-widget-search .selected .control {
    display: block;
}
 
.kw-starter {
    background: url(kw-search-bg.png) 2px center no-repeat #fff;
}
 
.inv-starter {
    background: url(inv-search-bg.png) 2px center no-repeat #fff;
}
 
 
/* Search Results */
 
.ri-widget-results {
    width: 96%;
    font-size: 70%;
	font-family:Helvetica, Arial, sans-serif;
    position: absolute;
    padding: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    top: 95px;
    z-index: 999;
}
 
.ri-widget-results .wait {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .7;
    ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    display: none;
}
 
.ri-widget-results .wait img {
    padding-top: 3em;
    display: block;
    margin: auto;
}
 
.ri-widget-results .list {
    padding: 0.5em;
    margin: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
 
.ri-widget-results .list li {
    display: block;
    list-style: none;
    line-height: 1.1em;
    height: 5em;  
    overflow:hidden;
    margin: 0.7em 0;
    padding: 0.3em 0 0.5em;
   /* border-bottom: 1px dotted #ccc; */
}
 
.ri-widget-results .list li.first {
    margin-top: 0;
}
 
/* results link color */
.ri-widget-results .list li a {
    color: #900;
    font-size: 85%;
    text-decoration: underline;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold
}
 
.ri-widget-results .list li a:hover {
    text-decoration: underline;
    color: #333;
	font-family:Helvetica, Arial, sans-serif
}
 
.ri-widget-results .objective {
    margin: 0 0 0 1em;
    padding: 0;
}
 
.ri-widget-results .pager {
    display: block;
    width: 96%;
    text-align: center;
    margin: -3px 0 0;
    padding: 5px 0 .5em 0;
    overflow: hidden;
}
 
*:first-child+html .ri-widget-results .pager {
    margin-top: -5px;  /* IE 7 */
}
 
* html .ri-widget-results .pager {
    margin-top: -5px;  /* IE 6 */
}
 
.ri-widget-results .pager li {
    display: inline;
    list-style: none;
}
 
.ri-widget-results .pager a {
    padding: 0.5em 0.5em;
}
 
.ri-widget-results .pager a.selected {
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-radius: 0 0 4px 4px;
}
 
.ri-widget-results .close-button {
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 1000;  /* Higher then the box, so the AJAX fade is under it */
}
 
.ri-widget-results .no-projects {
    font-style: italic;
}