#results_div {  /* container */
  background-color: #D9D7CA;
  margin-top: 10px;
  overflow:hidden;
  width: 950px;
  min-height:160px; /* the following 3 allow for min height */
  height:auto !important; 
  height:160px; 
}
* html #results_div{
  height:1%; /* So IE plays nice */
}
#facets_div {  /* rail */
  background-color: white;
  border: solid 1px #8F0401;
  margin-left: 5px; 
  margin-right: 3px;
  width:20%;
  float:left;
}
#table_div {  /* content */
   background-color: #F3F1E9;
   border: solid 1px #8F0401;
   width: 78%;
   margin-left: -1px;
   float: left;
   color: black;
   font-family:Verdana,Arial,helvetica,sans-serif;
   font-size:1.0em;
   line-height:1.3em;
}
table.list_view_table {
  float: left;
}
#facets_div h2 
{
    background-color:#8F0401;
    border-bottom:0em solid #336699;
    color:white;
    font-family:Verdana,Arial,helvetica,sans-serif;
    font-size:0.95em; 
    line-height:1.2em;
    margin:0;
    padding:0.5em;
}
.facet_heading {
    width: 185px;
    height: 16px;
    float: left;
    clear: both;
    margin: 0px 0px 1px 0px;
    padding: 3px 0px 0px 5px;
    color:black;
    font-family:Verdana,Arial,helvetica,sans-serif;
    font-size:0.9em;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    background: #eeeeee;
    background-image:url("images/expando-half-down.png");
    background-position:99% 50%;
    background-repeat:no-repeat;
}
.facet_heading:hover {
    cursor: pointer;
}
.collapse_down {
    background-image:url("images/expando-half.png");
}
.facet_text {
    width: 183px;
    float: left;
    clear: both;
    margin: 2px 0px 1px 5px;
    padding: 0px;
    color:black;
    font-family:Verdana,Arial,helvetica,sans-serif;
    font-size:1.0em;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
}
.facet_text a,
.facet_text a:visited
{
    color:black;
    text-decoration: none;
}
.facet_text a:hover
{
    color:#8F0401;
    text-decoration: underline;
}

#panel_div {
    background-color:white;
    font-family:Verdana,Arial,helvetica,sans-serif;
    font-size: 1.1em;
    line-height:1.5em;
    margin: 0;
    padding:0;
    text-align:left;
    float:left;
    width: 100%;
}
#panel_div table tr td a,
#panel_div table tr td a:visited
{
    color:#8F0401;
    text-decoration: none;
}
#panel_div table tr td a:hover
{
    color:#8F0401;
    text-decoration: underline;
}
/* the 'total .. found' and ' new search' header div */
#gallery_view_header_div {
  background-color: #8F0401;
  height: 22px;
  float: left;
  clear: left;
  width: 100%;
  position: static;
}
#gallery_view_total {
  float: left;
}
#gallery_view_header_div p {
    font-weight:bold;
    vertical-align: middle;
    margin: 5px 0px 2px 5px;
    color: White;
}
#gallery_view_header_div p span {
    font-weight:bold;
    color: White;
}
#gallery_view_header_text {
    font-weight:bold;
}
#gallery_view_new_search {
  float: right;
  margin: 1px;
  padding: 4px;
}
#gallery_view_new_search  a,
#gallery_view_new_search  a:visited
{
    color:white;
    text-decoration: none;
}
#gallery_view_new_search a:hover
{
    color:white;
    text-decoration: underline;
}
#gallery_view_new_search span {
  font-weight: bold;
  color: White;
}
span.inst_name_gallery_view {
    font-weight:bold;
}

/* the gridview or dataview div */
#gallery_view_div {
  background-color: #ffffff;
  float: left;
  clear: left;
  width: 100%;
  position: static;
}

#gallery_view_div table tr td a:hover
{
    color:#8F0401;
    text-decoration: underline;
}

#gallery_view_div table tr td a,
#gallery_view_div table tr td a:visited
{
    color:black;
    text-decoration: none;
}
#gallery_view_div table tr td a:hover
{
    color:#8F0401;
    text-decoration: underline;
}

#gallery_view_div table tr td a.inst_name_gallery_view {
    color:#8F0401;
    font-weight: bold;
}
#gallery_view_div table tr td span.admin_name {
    color:#8F0401;
    font-weight: bold;
}
#admin_gallery_view_header_div {
  border: solid 1px #bbbbbb;
  background-color: #EEECE3;
  height: 22px;
}
#admin_gallery_view_header_div p {
    font-weight:bold;
    vertical-align: middle;
    margin: 5px 0px 2px 5px;
}
#page_links_div {
    background-color:#8F0401;
    color: White;
    line-height:1.2em;
    margin: 0;
    padding:0;
    text-align:left;
    height: 22px;
    float:left;
    clear:left; /* force this div to go below the table_div */
    width: 100%;
}
#page_links_div a,
#page_links_div a:visited,
#page_links_div a:hover {
  color: White;
  text-decoration: underline;
}

table#gallery_footer_table {
 border-top : solid 0px rgb(10,250,50);
}

.rowstyle {
    border-top: solid 1px #BBBBBB;
    border-bottom: solid 1px #BBBBBB;
}
.alternatingrowstyle{
    background-color:#EEECE3;
    border-top: solid 1px #BBBBBB;
    border-bottom: solid 1px #BBBBBB;
}
.adminpos_alternatingrowstyle{
    border-top: solid 1px #B2CAFF;
}
.headerstyle {
    background-color:#EEECE3;
    /*background-image: url(/ehed/Img/sort_none.gif);
    background-repeat: no-repeat;
    background-position: center left;*/
    padding-left: 2px;
    height:15px;
    font-size: 7pt;
    font-family: Verdana,Arial,helvetica,sans-serif;
}
.headerstyle a {
	text-decoration:none;
	background-color:#EEECE3;
    color:black;
	display:block;
}    
.headerstyle th {
    border:1px solid #bbbbbb;
    background-color:#EEECE3;
    /*background-image: url(/ehed/Img/sort_none.gif);
    background-repeat: no-repeat;
    background-position: center left; */
    padding-left:20px;
    text-align:left;
    font-size: 7pt;
    font-family: Verdana,Arial,helvetica,sans-serif;
}  
.headerstyle th a {
	text-decoration:none;
	background-color:#EEECE3;
    color:black;
	display:block;
}    
.headerstyle a img.noborder {
	text-decoration:none;
	border: 0px solid #ffffff;
	margin-top: -5px;
}    

.headerstylenonsortable {
    background-color:#EEECE3;
    padding-left: 2px;
    height:15px;
    font-size: 7pt;
    font-family: Verdana,Arial,helvetica,sans-serif;
}
.headerstylenonsortable th {
    border:1px solid #bbbbbb;
    background-color:#EEECE3;
    padding-left:2px;
    text-align:left;
    font-size: 7pt;
    font-family: Verdana,Arial,helvetica,sans-serif;
}  
.headerstylenonsortable th a {
	text-decoration:none;
	background-color:#EEECE3;
    color:black;
	display:block;
}    
.headerstylenonsortable a img.noborder {
	text-decoration:none;
	border: 0px solid #ffffff;
	border-style: none;
	margin-top: -5px;
}    
.sortalternatingrowstyle{
    background-color:#EEECE3;
}
.sortrowstyle{
    background-color:#f0f0f0;
}
.sortascheaderstyle {
    background:#EEECE3 url(/ehed/Img/dt-arrow-up.png) no-repeat scroll right center;
    background-repeat: no-repeat;
    background-position: center left;       
}
.sortdescheaderstyle{
    background:#EEECE3 url(/ehed/Img/dt-arrow-dn.png) no-repeat scroll right center;
    background-repeat: no-repeat;
    background-position: center left;       
} 
.currentsortfield 
{

    background-color: rgb(242,238,242); /* 242,238,242 237,241,240*/
}
  
.pagerstyle{
    color:#444444;
    background-color:#e5e5e5;
    font-size:x-small;
    text-align:right;
} 
.pagerstyle select{
    font-size:x-small;
}  
.previous{
    background:transparent url(/ehed/Img/previous.gif) no-repeat scroll center;
    height:1.3em;
    width:16px;
}
.next{
    background:transparent url(/ehed/Img/next.gif) no-repeat scroll center;
    height:1.3em;
    width:16px;
}  
.gotopage{
    font-size:x-small;
    width:20px;
}

/* td cell colors for grid */
.td-gold 
{
    background-color: rgb(100,150,200);
}
table.gallery_data_list {
 margin: 5px;
 padding: 5px;
 float: left;
}

/* Datalist for gallery */
td.datalist_item_style {
 /* background :transparent url(/ehed/Img/thumbdots_back.gif) no-repeat scroll left top;*/
  vertical-align: top;
  padding: 9px 2px 9px 5px;
  width: 255px;
}
input.paging_button {
  font-size: 7pt;
}

/* pure CSS popup */

a.popup{
    position:relative; /*this is the key*/
    z-index:24; 
    text-decoration:none
}

a.popup:hover{
 z-index:25; 
 background-color:#ccc
 }

/*the span will display just on :hover state*/
a.popup span{display: none}
a.popup:hover span{ 
    display:block;
    position:absolute;
    top:2em; left:2em; width:18em;
    margin: 2px;
    padding: 4px;
    border:1px solid #bbb;
    background-color:#FFFFFF; 
    color:#8F0401;
    text-align: left;
    z-index: 26;
    text-decoration:none;
}