[class*='close-'] {
  color: #333;
  font: 14px/100% arial, sans-serif;
  position: absolute;
  right: 5px;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  top: 5px;
      padding: 1px;
    border: 1px solid black;
    text-decoration: none;
   
    border-radius: 3px;
}

.close-thik:after {
  content: 'X'; /* UTF-8 symbol */
}

.close-thik:hover {
   font-weight: bold;
}


.is-hidden{ display: none; }
#abouttext {border: 1px solid black;
    margin: 2px 0 0 0;
    background-color: #ddd;
   
    padding: 3px 6px;
    color: #111;
    padding-right: 20px;
    opacity: 0.8;}

.pagination {width:238px !important}

div.featurebox2 {height:250px;}

div.featurebox2 {
border: 2px solid black;
width: 220px;
min-width: 220px;

float: left;
margin-right: 15px;
margin-bottom: 15px;
}

#gltab td {background:#fff;}
#gltab th {background:#fff;}
#page-title {display:none}
.breadcrumb {display:none;}

#foot {width:auto;}

#content-wrapper {margin-top:1em;}

/*  new featurebox 220px width 15px right margin  */

#flip {
width: 350px;
/* float: right;  */
background-color: #fff;
opacity: .95;
    display: inline-block;
    margin-left: 40%;
    margin: 0 auto;
    border-radius: 4px 4px 0 0;
}

#panel {padding: 0px;
display: none;
width: 100%;
float: right;
clear: right;
background-color: rgb(255, 255, 255);
opacity: 0.9;}
.libannc {opacity:.95;}
.fadeout {opacity: .25;}
.fadeout2 {opacity: .70 !important;}

#imgabout {color:#00c; cursor: pointer}

.backtofront {opacity: .95;}

#flip {width: 150px;
margin-left: calc(50% - 75px);;
text-align: center;}

ul.tabs li.active {font-weight:bold;}

.tabContainer {opacity: .95; min-height:240px; }

ul.tabs li a {font-size:13px}

#dbsearch {font-size:12px; width:20em;}
#discsearch {width:260px;}
#querybox {}
#SS_CFocusTag2 {width:20em; font-size:12px;}
#SS_CFocusTag {width:20em; font-size:12px;}
#hmsitesearch {}

#Search_Arg {margin-bottom: 5px; width:20em;}


ul.tabs li a {border: 1px solid #333; background: #ccc;}

@media all and (max-width: 600px) {
#dbsearch {width:100%;}
#discsearch {width:100%;}
#SS_CFocusTag2 {width:100%; font-size:12px;}
#SS_CFocusTag {width:100%; font-size:12px;}
#Search_Arg {width:100%; }

#hmsitesearch {width:100%; }
div.featurebox2 {width: 100%;}
#discsearch {border: 1px solid #999;}
}

@media all and (max-width: 1024px){
 div.featurebox2 {height: auto; min-height:250px;}
#hmhours {margin-bottom: 50px;}
}

#hmhours {margin-left: 1px;}
#hmhours {margin-bottom: 25px;}

#mainsearch {
width: 65%;
    min-width: 450px;
    max-width: 645px;
    float: left;
    overflow: visible;
    margin-bottom: 22px;
    margin-top: 15px;
    margin-left: 15px;
    background:#eee;
    padding: 8px;
    border-radius: 5px;
    opacity: 0.95;
    border: 1px solid #999;
    }
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #555;
    opacity: 0.9; /* Firefox */
}
#mainsearch form {
    
}
.searchinput {width:90%; height: 36px; box-sizing: border-box;}
.mainsearchbut {width:8%; margin:0; padding:0;  content-box; height:36px;}
.advanced-and-help {float:right; margin-top:12px;}
.whatsearch {float:left; margin-top:12px;}

.homelinks {
display: flex;
width: 65%;
    min-width: 450px;
    max-width: 645px;
    float: left;
    overflow: visible;
    margin-bottom: 22px;
    margin-top: 15px;
    margin-left: 15px;
    
    padding: 8px;
    border-radius: 5px;
           border: 1px solid #999;
   background-color: rgba(238, 238, 238, 0.6);

}
/* #0e3e63 */
.sets {list-style: none;}
.sets li {float:left; margin-right: 20px; }
/*
.homelinks {height: 125px; padding-top:15px;}
*/
.homelinks div {flex:1; margin-left:2%;  border: 1px solid black; min-height: 80px; background-color: #0e3e63; border-radius: 5px; padding: 3px 6px; color:#eee; opacity: 0.8;}
.homelinks div:hover {background-color: #0e558a; border: 1px inset black;}
.homelinks div#subguidebox {width: 19%; margin-left: 0;}
.homelinks div#dbbox {width: 22%; }
.homelinks div#journalbox {width: 17%; }
.homelinks div#reservesbox {width: 18%; }
.homelinks div b {font-size: 120%}
.homelinks div p {margin-left: 0.5em;  margin-bottom: 0.5em; color: #d5d5d5; font-size:95%;}
.homelinks div a {color: #eee; text-decoration:none; display: block;
    height: 100%;
}

@media all and (max-width: 600px){
.homelinks {
    flex-flow: wrap;
    width: 95%;
    min-width: initial; 
margin-left: 0;
 }

.homelinks div {    flex: initial;
    width: 100% !important;
margin-left:0; 
    margin-bottom: 0.5em;
}

#mainsearch {width:95%; margin:0 !important;  min-width: initial;}
.breaking{
  flex-basis: 100%;
  width: 0px; 
  height: 0px; 
  overflow: hidden;}
#hmhours {width: calc(100% - 12px);}
}