@charset "UTF-8";
/* CSS Document */


/*  DATABASES CODE FOR ALPHA ORDER */ ---IS THIS OLD CODE? CAN WE DELETE?
.blocks {
  display: inline-block; 
  border: none; 
  background:#127494;    /*009dc2*/
  width: 40px;
  height: 30px;
  text-align:center;
  border-radius:8px;
  margin: 3px; 
  padding: 1px;
  line-height: 30px;
  }

.emptyblocks {
  display: inline-block; 
color:#666666;
  background:#fefdfa;    /*009dc2*/
  width: 40px;
  height: 30px;
  text-align:center;
  border-radius:8px;
    border: 1px solid #cccccc; /*127494*/
  margin: 3px; 
  padding: 1px;
  line-height: 30px;
font-family:sans-serif;
  }


.wrap{
    width: 295px;    
}

a.alphabet:link, a.alphabet:visited {
   color:#ffffff;
   font-family:Helvetica;
   text-decoration:none;
   font-size: 1em;
   
}

a.alphabet:hover {
   color:#000000;
   text-decoration:none;
   font-size: 1em;
}
/*END CODE*/

/*GRAY HORIZ BOXES HIGHLIGHTED DATABASES -- http://libraries.unl.edu/math-library -- */
.box {
    border: 2px solid #eee;
    height:100%;
    background-color:#fff;
}

.box_no_border {
  width:100%;
  height:100%;
  padding:.5em;

}


.box_img { 
  width:13.8em;
  height:100%;
  width:100%;
  padding:1px;
  border: 2px solid #eee;
}


/*LINK STYLES IN HIGHLIGHTED DATABASES -- http://libraries.unl.edu/math-library*/
a.db:link, a.db:visited{
   color:#474747;
   text-decoration:underline;
}

a.db:hover {
   color:#D00000;
   text-decoration:underline;
}




/* VERTICAL WHITE BOXES FOR HIGHLIGHTED DATABASES -- http://libraries.unl.edu/databases-journals --  */
.box_vert {
    padding: 1px;
    border: 2px solid #fff;
    margin: 5px;
    width:100%;
}

.box_no_border_vert {
  width:100%;
  height:100%;

}

.box_img_vert { 
  float:left;
  width:16em;
  height:6em;
  padding:1px;
  border: 2px solid #eee;
  margin-right:2em;
}

.box_img_right_vert { 
  float:right;
  width:16em;
  height:6em;
  padding:1px;
  border: 2px solid #eee;
  margin-left:2em;

}


 /* VERTICAL GRAY BOXES FOR HIGHLIGHTED DATABASES -- http://libraries.unl.edu/cy-thompson-library --  */
.box_vert_gray {
    padding: 1px;
    border: 2px solid #eee;
    margin: 5px;
    width:100%;
}

.box_no_border_vert_gray {
  width:100%;
  height:100%;

}

.box_img_vert_gray { 
  float:left;
  width:18em;
  height:100%;
  padding:1px;
  border: 2px solid #eee;
  margin-right:2em;
}

.box_img_right_vert_gray { 
  float:right;
  width:18em;
  height:100%;
  padding:1px;
  border: 2px solid #eee;
  margin-left:2em;

}

 /* VERTICAL WHITE BOXES FOR HIGHLIGHTED DATABASES -- http://libraries.unl.edu/architecture-library --  */
.box_arch {
    padding: 1px;
    border: 2px solid #ffffff;
    margin: 5px;
    width:100%;
    height:100%;
    background-color:#fff;
}

.box_img_arch { 
  width:100%;
  height:5em;
  padding:1px;
  border: 2px solid #eee;
}


/*BOXES -- ASKUS*/

.box_askus {
    padding: 1px;
    border: 2px solid #eee;
    margin: 5px;
    width:100%;
}

.box_no_border_askus {
  width:100%;
  height:100%;
border-top:3px dotted #eee;

}

.box_no_border_white_askus {
  border:none;
  border-top:5px dotted #fff;
  height:2px;
  width:100%;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;

}
.box_white_askus {
    padding: 1px;
    border: 2px solid #fff;
    margin: 5px;
    width:100%;
}

/*DATABASE ALPHA ORDER BOXES*/
.flex-alpha-container {
   display: flex;
   flex-flow: row wrap;     
   list-style: none;
   justify-content: space-around;
  
}

.flex-alpha-item {
  margin-top:5px;
  margin-right:5px;
  min-width:3em;
  min-height:1em;
  line-height:40px;
  text-align: center;
  vertical-align:middle;
  background-color: #127494;
  border-radius:5px;
}


.flex-alpha-item-white {
  margin-top:5px;
  margin-right:5px;
  min-width:3em;
  min-height:1em;
  line-height:40px;
  text-align: center;
  vertical-align:middle;
  background-color: #ffffff;
  border-radius:5px;
}

.alpha-numbers {
   font-size:1.2em;
}

/*sets the alpha links to white using the class set for font-size*/
a.alpha-numbers:link { color:#FFF;text-decoration:none; }
a.alpha-numbers:visited { color: #FFF; text-decoration:none;}
a.alpha-numbers:hover { text-decoration:none;background-color:#666666}
a.alpha-numbers:active { color: #FFF; text-decoration:none; }


/* HOURS */

.box_hours {
    width: auto;
    height: auto;
    border: 1px solid #137cbd;
    background: #137cbd;
   padding-top:10px;
}
.box_hours_sm {
    width: auto;
    height: auto;
    border: 1px solid #137cbd;
    background: #137cbd;
   padding-top:10px;
   margin-right:auto;
   margin-left:auto;
   margin-top:1em;
}

.box_hours_sm_red {
    width: 301px;
    height: auto;
    border: 1px solid #D00000;
    background: #D00000;
   padding-top:10px;
   margin-right:auto;
   margin-left:auto;
   margin-top:1em;
}


/*DATABASE FLEXBOXES*/
.flex-db-container {
   display: flex;
   flex-flow: row wrap;     
   list-style: none;
   justify-content: space-between;
}

.flex-db-item {
  margin-top:5px;
  margin-right:5px;
  min-width:13em;
  min-height:3em;
  line-height:40px;
  text-align: center;
  vertical-align:middle;
  background-color: #e7f0f4;
  border: 0px solid #0f6aa2;
}

.flex-tutorial {
 font-size: 12px;
}

.box-other {
   flex-basis:25%;
   flex-grow:1;
}

.academic-search {
  flex-basis:50%;
  flex-grow:2;
}

/*HOURS BOX HOMEPAGE*/
.box_hours_gray {
    width: auto;
    height: auto;
margin-top:10px;
    border: 1px solid #cccccc;
    background: #f5f1e7;
   padding-top:10px;
}


/*HOMEPAGE HOURS-DELIVERY-TUTORIAS-CALLNUMBER FLEX CONTAINER*/
.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  min-width:100px;
}

.flex-item {
  padding: 10px;
  height: 200px;
  width:315px;
  margin-top:10px;
  line-height: 40px;
  color: black;
  font-size: 1em;
  text-align: center;
  background: #f5f1e7;
}

/*ASKUS FLEX CONTAINERS*/
.flex-container2 {
  display:flex;  
  padding: 0;
  margin: 0;
  list-style: none;
  flex-flow: row wrap;
  justify-content:center;
  justify-content:space-around;
}

.flex-item2 {
  padding: 10px;
  margin-top:10px;
  margin-bottom:10px;
  color: black;
  font-size: 1em;
  text-align: center;
   max-width:200px;
   background:rgba(255,255,255,0.7);
}

.white-box {
    height:100%;
    background:rgba(255,255,255,0.7);
    margin-bottom:5em;
}


/*LOGIN FLEX CONTAINERS*/
.flex-login-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  min-width:100px;

}

.flex-login-item {
  padding: 20px;
  height: auto;
  width:325px;
  margin-top:10px;
  line-height: 30px;
  color: black;
  font-size: .9em;
  text-align: center;
  background: #f5f1e7;
  border:1px solid #cccccc;
}