/*  MOBILE SETTINGS */

/* Larger than Tablet Portrait size */
@media only screen and (min-width: 768px), only screen and (min-device-width: 768px) {
    .compact {display: none;}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation: portrait) {
    #unm_header_links { display: none !important; } 
    .compact { display: inline; }
}
/* Smaller than Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px), only screen and (max-device-width: 479px) {
    #unm_header_links { display: none; }
    .compact { display: inline; }
}


/*---------------General Setting
---------------------------------------------------------------------------------------------------*/

body {font-family:'Lucida Grande', Helvetica, Arial, sans-serif;!important;} /* 'Lucida Grande',  'Trebuchet MS', Helvetica, Arial, Verdana, sans-serif */
.content {line-height: 1.5em;}
.content ul {list-style: none;}

.content a:link {color: #00356a; } /*dark blue*/
.content a:visited {color: #00356a; }/* text-decoration:none;  brick:#bd5c1a;*/
.content a:hover {color:#c09b68;}

.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.spacer {height: 20px; width: 100%;}
.hr {margin-top:16px; margin-bottom: 16px;height: 1px; padding: 0; background: #ddd; border: 0; line-height: 0; overflow: hidden;}

.bulleted li {list-style: disc outside;}
.unbulleted li {list-style: none;}
.nomargin {margin:0;}
.nopadding {padding: 0}
.nomargintop {margin-top:0;}
.nomarginbottom {margin-bottom: 0;}

input[type="button"], input[type="submit"], input[type="reset"], button, button:visited, .button, .button:visited {background:transparent; background-color: #C10037;margin-top:0;}

.dropdown select {width: 210px; display: block; padding:2px; }
/*tr:nth-child(2n+1) {background-color: #f5f5f5;}*/

/*---------------Custom UNM Header
--------------------------------------------------------------------------------------------------*/
#library_message { padding: 20px; font-size: 1.5em; background: beige; text-align: center; }

/*---------------Scheduler Buttons
--------------------------------------------------------------------------------------------------*/
.scheduler-btn {
background: #E8E8E8;
border: 1px solid #CCCCCC;
border-radius: 4px;
color: #C10037;
font: 12px Arial, Helvetica, Verdana;
padding: 8px 20px;
cursor: pointer;
margin: 3px 0 0 0;
text-shadow: none;
box-shadow: none;
line-height: 6px;
}
/*---------------Google Custom Search Button Icon
--------------------------------------------------------------------------------------------------*/
.cse .gsc-search-button .gsc-search-button-v2, .gsc-search-button-v2  {     border-color: #666666;

background-color: #CECECE;

background-image: none;

filter: none;

width: 25px !important;

height: 25px !important;
border-radius: 5px;}


/*---------------Grid
--------------------------------------------------------------------------------------------------*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9 {display: inline; float: left; margin-left: 10px; margin-right: 10px;}

.grid_1 {width: 95px;}
.grid_2 {width: 210px;}
.grid_3 {width: 325px;}
.grid_4 {width: 440px;}
.grid_5 {width: 555px;}
.grid_6 {width: 670px; }
.grid_7 {width: 785px;}
.grid_8 {width: 900px;}
.grid_9 {width: 920px; background: none repeat scroll 0 0 #e9dfd4; border: 1px solid grey;}

.alpha { margin-left: 0;}
.beta {margin-left: 6px;}
.omega { margin-right: 0;}
.rtl {float:right; }

.grid_2_expand {width: 230px; float:right;}
.grid_2 img {margin-top: 6px;}
.grid_4_expand {width: 450px;}

.heading {font-size: 1.2em; font-weight:bold; margin: 6px 0 12px 0;}
.heading_lg {font-size: 2em; font-weight:bold; margin: 6px 0 15px 0;}
.heading a {text-decoration: none;}
.greybg {border-bottom: 3px solid #DDD; font-size: 1.3em; }/*padding: 3px 6px; margin-top:0; background:#f4f4f4; */


/*---------------Ask a Librarian on the top-----------------------------------*/
/*
-- Old Ask a Librarian for prod 2017/5/16 --
#dept_logo {position: relative; margin: 0; padding:20px; }/*background:url("/zimmerman75/images/zim75balloon.png")600px no-repeat;//
#dept_logo img {height: 74px;}
#ask {float:right; margin-top: 16px; width: 228px;} /*background-color: #F0F0F0;border: 1px solid #E5E5E5;padding: 3px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;//
#ask a:link {color: #00356a; } /*dark blue//
#ask a:visited {color: #00356a; }/* text-decoration:none;  brick:#bd5c1a;//
#ask a:hover {color:#c09b68;}
#ask-heading {font-weight: bold; font-size:15px; margin-bottom: 4px;}
#ask-heading a {text-decoration: none;}
#ask-how {line-height: 16px; font-weight: bold; font-size:11px;}

#dept_logo .socialicons img { height: auto;}

  #dept_logo .socialicons a {
    text-decoration: none;
  }

  #dept_logo .socialicons img {
    width: 24px;
  }

  #dept_logo .socialicons a {
    padding: 15px 2px 0 2px;
    background: #eee;
    border: 1px solid #bbb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    opacity: 0.8;
  }

  #dept_logo .socialicons a:hover {
    opacity: 1;
  }

*/

#dept_logo {position: relative; margin: 0; padding:20px; /*background:url("/zimmerman75/images/zim75balloon.png")600px no-repeat;*/}
#dept_logo img {height: 74px;}
#ask {float:right; margin: 5px 0 5px 0; width: 228px;} /*background-color: #F0F0F0;border: 1px solid #E5E5E5;padding: 3px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;*/
#ask a:link {color: #00356a; } /*dark blue*/
#ask a:visited {color: #00356a; }/* text-decoration:none;  brick:#bd5c1a;*/
#ask a:hover {color:#c09b68;}
#ask-heading {font-weight: bold; font-size:15px; margin-bottom: 4px;}
#ask-heading a {text-decoration: none;}
#ask-how {line-height: 16px; font-weight: bold; font-size:11px; margin-bottom: 5px;}

#dept_logo .socialicons img { height: auto;}

  #dept_logo .socialicons a {
    text-decoration: none;
  }

  #dept_logo .socialicons img {
    width: 24px;
  }

  #dept_logo .socialicons a {
    padding: 15px 2px 0 2px;
    background: #f4f4f4;
    border: 1px solid #efefef;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    filter: grayscale(100%);
  }

  #dept_logo .socialicons a:hover {
    filter: grayscale(0%);
  }

/*---------restyle top logo for zim 75---------------*/
#zim75balloon {top:4px; left:610px; position:absolute; width:80px;}
#zim75balloon img {width:80px; height:60px;}


tr td {border:0;}                             
.dropdown select {padding: 4px; background: white; border: 1px solid #CCC; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; letter-spacing:1px;}


/*--------------- Full Width (for maps, etc.)
-------------------------------------------------------------------------------------------------------*/
.full {width: 920px;}
.full .content {padding:10px;overflow:visible;}

/*--------------------- Right Column ------------------------------*/
.right-box {min-height:250px; padding: 20px; border: 1px solid #ddd; background: #f4f4f4; -webkit-box-shadow: 0 8px 6px -6px #ccc; -moz-box-shadow: 0 8px 6px -6px #ccc; box-shadow: 0 8px 6px -6px #ccc; }
.right-box .heading {margin-top: 0px;}
.right-box ul {list-style: disc outside;}
.right-box ul li {line-height: 16px; margin-bottom: 8px;}
.main-box {padding: 20px; border: 1px solid #ddd; background: #f4f4f4; -webkit-box-shadow: 0 8px 6px -6px #ccc; -moz-box-shadow: 0 8px 6px -6px #ccc; box-shadow: 0 8px 6px -6px #ccc; }
.ask_librarian-box {padding: 20px; border: 1px solid #ddd; background: #f9f9f9; }
.nobgcolor {background:#fff;}
.grid_6 .right-box {min-height: 0;}

/*-------------------------List of DB ------------------------------*/
ul.subject-list{width: 300px; padding:0; display:block; float:left;} 
.subject-list li {line-height: 24px; font-weight: bold;}
.subject-list li ul {margin-bottom: 8px;}
.subject-list li ul li {line-height: 18px; font-weight: normal; list-style: disc outside;}

/*.db-select li {display:inline; float: left; width:300px; margin-top:6px;}*/

li.db-list {border:1px solid #ddd ; margin-top:2px;margin-left: -16px; padding: 10px;font-weight:bold; background: #fff; }
.db-icon {float:right; line-height: 10px; margin: -1px 4px 0px 4px;} 
.db-icon img {margin-right:2px; margin-top:-2px; float: left; height:20px;}
.db-icon .tip {float: right; font-size: 10px;}
.db-container {padding:6px;font-weight: normal; background:#fff; margin-left: 6px;}

.toggle {position:relative; float: left; margin: 1px 4px 0 -4px; height: 14px; width: 14px; padding-bottom: 10px; background: url("/common/images/pointers/arrow-grey-right.png") no-repeat 0 0;}
.open .toggle {float: left; background-image: url("/common/images/pointers/arrow-grey-down.png");}

.sub-guide li {display:inline; float: left; margin-right: 10px; }


.db-group {-moz-border-radius: 8px; border-radius: 8px; display:block; border: 1px solid #ddd; padding: 0px 6px; font-weight: bold; background: #fff; padding-bottom:10px;overflow:hidden;}
.db-group ul {margin-left: 0.5em;padding:0;}
ul.alphabets li {float: left; text-align: center; display: block;border: 1px solid #bbb; font-weight: bold; background:#eee;  line-height: 24px; text-decoration: none; list-style: none; margin-right: 10px; margin-top: 10px;}

ul.alphabets li a{font-size:12px; width: 24px;display: block;text-decoration: none;}
.alphabets li a:hover {background: #aaa; color: #fff;}
.alphabets li a.selected {background: #aaa; color: #fff;}

ul.types li {float: left; text-align: center; display: block;border: 1px solid #bbb; font-weight: bold; background:#eee;  line-height: 24px; text-decoration: none; list-style: none; margin-right: 10px; margin-top: 10px;}
ul.types li a {padding: 0px 8px;display: block;text-decoration: none;}
ul.types li a:hover {background: #aaa; color: #fff;}
ul.types li a.selected {background: #aaa; color: #fff;}

ul.db-select {margin-top:10px;}
ul.db-select li {float:left; border:0; background:#fff;  text-align:left; margin-right:10px; }

ul.db-libguides {border: 1px solid #ddd; background:#fff; margin:0; margin-top:6px;}
ul.db-libguides li {border-bottom: 1px dotted #ddd; padding: 10px 0; margin: 0 16px 0 8px;}
ul.db-libguides li a {font-weight: bold;}


/*-------------------------Millennium support button for ask page added by Christine 1/24/2013 ------------------------------*/
.support-button {background:#E0E6F8; border: 2px solid #DDD; margin-top: 12px; padding: 5px 15px; border-radius:8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.support-button ul  {margin-bottom: 0px;}
.support-button img {float:left; padding:4px 3px; margin-right: 5px;}

/*---------------------- Email us in askus.php---------------------------------*/
ul.emailus li {margin-bottom: 8px; margin-left: -5px; padding-left:15px; background: url(/common/images/pointers/arrow-off.png) no-repeat 0px 5px;}
ul.emailus li#genq {font-weight: bold;}

/*-------------------------List of Branch DB added by Christine 12/21/2012 ------------------------------*/
li.branchdb-list {float: right; padding-top:5px; border:1px solid #ddd; background: #fff; }
li.branchdb-list img {margin-bottom: -3px; margin-left: 6px;}
.branchdb-container {position:absolute; left: 395px; top:236px;width:490px; z-index:999; padding:6px;font-weight: normal; background:#fff; border-radius: 8px; border: 1px solid #ccc; margin-left: 6px;}

.open .branchtoggle {position:relative; float: right; background-repeat:no-repeat; background-attachment:scroll; margin: 4px 28px 0 0px; height: 12px; width: 12px; background-image: url("/common/images/pointers/toggle-minus.png");}
.branchtoggle {position:relative; float: right; background-repeat:no-repeat; background-attachment:scroll; margin: 4px 28px 0 0px; height: 12px; width: 12px; background-image: url("/common/images/pointers/toggle-plus.png");}

/*------------------------------- Staff Directory --------------------------------------*/
#staff-search {font-size: 14px;font-weight: bold; margin: 16px 0 20px 0;}
#staff-search input {margin-bottom:0;}

table#stafflist {border:0;}
table#stafflist tr {border-bottom: 1px solid #ccc;}
table#stafflist th {width: 20%; text-align: left; background-color:#fff; color:#555; border:0;padding: 2px 10px;}
table#stafflist td {padding:10px;}
table#stafflist tr.listby {background-color: #5E5D60; color: #fff; font-weight: bold; border: 0;}
table#stafflist tr.listby td {padding: 2px 10px;}
td.backtotop {text-align: right;} 
td.backtotop a:link, td.backtotop a:visited {color:#fff;}

/*---------------------------- Top Databases table ---------------------------------------*/

table#topdatabases tr { height: 10px;}
table#topdatabases td { padding-right: 20px;}

/*----------------------------------UL Contact Info------------------------------------------*/

#secondary_aside .content  {font-size: 11px; padding-bottom: 0px;padding-top:24px; }
#social_toolbar {float:right; margin-top: -16px;}

#secondary_aside_1 {float: left;}
#secondary_aside_2 {float: right; width: 245px;}
#intranet {background: url("/common/images/icons/intranet16.png") 0 0 no-repeat; display: inline-block; padding:2px 0 0 20px; font-size:12px;}
.contactinfo {float:left;}
.socialicon {float:right; margin-top: 0;  margin-bottom: 0;}
.socialicon img {width: 16px;}
.socialicon a {padding: 8px 2px 0 2px; background: #eee; border: 1px solid #bbb; border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; opacity: 0.8;}
.socialicon a:hover {opacity: 1;}
span.sharethis, span.print {color: #00356a;}


/*-------------------------------------Survey form---------------------------------------------*/
#inst_survey {font-weight: bold; }
#inst_survey input.namebox {font-weight: normal; width: 206px;}
#inst_survey select {padding: 2px;}
#inst_survey td {padding: 0;}
td.pickone {text-align:center;}
#inst_survey td input {height: 1em; margin: 0 12px;}
#inst_survey textarea {height:180px; width: 664px; font-weight:normal;}


/*---------------------- Login Tables added by Christine 10/31/2012 ---------------------------------*/
.loginstyle td {text-align: center; padding: 6px 12px;}
.loginstyle {margin-top:0;}
.loginstyle input {margin-bottom:0em;}
.loginstyle input.textbox {width: 180px;}

/*------------------- News and Events default region added by Christine 10/31/2012 ---------------------------*/
.exhibitsnews {min-height:550px; position: relative; }
.archivesleft {float: right; padding:40px 0px 0px 20px;}
#upcoming-events {padding-right: 10px;}
.news-heading {font-weight: bold; padding: 5px 0px; font-size:12px;}
img.news-thumbnail {-webkit-box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 1px 5px #ccc; border: 1px solid #ccc; padding: 2px; float: left; margin: 5px 10px 10px 0; width: 75px; background:#fff;}
.news-item {border-top: 1px dotted #ccc; min-height: 96px; padding: 10px 0; min-height: 96px; line-height: 16px; clear: both; }
.format-date {background: #f4f4f4; padding: 8px; margin: 5px 10px 10px 0; font-weight: normal; float: left; width: 66px; height: 64px; webkit-box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 1px 5px #ccc;}
.newsdefault {min-height: 700px;}
.newscheck {margin-bottom: 4px; margin-right:4px;}

.e2ma_signup_form {width:180px;} 
.e2ma_signup_form input[type=text],.e2ma_signup_form textarea,.e2ma_signup_form select {border:1px solid #ccc;width: 140px;margin-bottom: 0px;}
.e2ma_signup_form_row {margin-bottom:5px;}
.e2ma_signup_message {font-size: 1.2em; font-weight:bold; margin: 6px 0 12px 0;border-bottom: 3px solid #DDD; font-size: 1.3em;}
.e2ma_signup_form_group_label {margin-top: 20px}
.e2ma_signup_form_group_list {margin: 10px 0px 10px 0px;}
.e2ma_signup_form_required_asterix {color:#FF0000;}
.e2ma_signup_form_button_row {float:left;}
.e2ma_signup_form_button_row #e2ma_signup_reset_button {display: inline;}
.e2ma_signup_form_button {width: 60px !important;}


/*------------------- Float Right image added by Christine 11/20/2012 ---------------------------*/
img.floatRight { float: right;margin: 0px 4px 0px;}

/*------------------- Branch Info Box added by Christine 11/29/2012 ---------------------------*/
.branch-hours {font-weight:bold; float:left}
.branch-hrs {float:left; padding: 16px 0px 2px 0px; }
.branch-hrs-dtld {width:111px; }
#mapicon {font-size: 10px; float: right; margin:2px 12px 0px -2px;}
#mapicon img {margin-top: -4px;}
.branch-about {font-size: 18px; font-weight:bold; float:left; margin: 2px 0px}

/*------------------- faq list added by Christine 12/3/2012 ---------------------------*/
li.faq {border:1px solid #ddd ; margin-top:2px;margin-left: -16px; padding: 10px;font-weight:bold; background: #fff; }
ul.faqlist li.open {border: 1px solid #c10037;}
li.faq img {margin-bottom: -3px; float:right; margin-right: 2px;}
.faqcontainer {padding:6px;font-weight: normal; background:#fff; margin:0px; margin-left: 10px;}

/*------------------- deannav added by Christine 12/3/2012 ---------------------------*/
.dean-nav {margin: 0 -10px 22px -10px; overflow:hidden; background:url(/test/cswr2/meem-cswr.gif) no-repeat 396px center;height: 32px; -moz-box-shadow: 0 8px 8px -6px #bbb; -webkit-box-shadow: 0 8px 8px -6px #bbb; box-shadow: 0 8px 8px -6px #bbb;}
.dean-nav ul {background: url(/test/cswr2/cswr-nav-bg.png); height:32px; margin-left:0px;}
.dean-nav li {float:left; display:inline-block; margin-right:2px;}
.dean-nav a {color: #c74c44; font-size:11px; text-decoration: none;padding: 6px 8px; margin: 0 2px 0 -2px;  font-size:11px; font-weight: bold;display:block;}
.dean-nav a:hover {border-bottom: 3px solid #FDD017;}/*background:url(/test/cswr2/cswr-rollover-bg.png) repeat-x bottom left;*/
.dean-nav li.active a {border-bottom: 3px solid #FDD017;}
.deancontainer {padding:6px;font-weight: normal; background:#fff; margin:0px; margin-left: 10px;}

/*--------------------------CSWR-------------------------------------*/
.cswr-nav {margin: 0 -10px 22px -10px; overflow:hidden; background:url(/test/cswr2/meem-cswr.gif) no-repeat 396px center;height: 32px; -moz-box-shadow: 0 8px 8px -6px #bbb; -webkit-box-shadow: 0 8px 8px -6px #bbb; box-shadow: 0 8px 8px -6px #bbb;}
.cswr-nav ul {background: url(/test/cswr2/cswr-nav-bg.png); height:32px; margin-left:0px;}
.cswr-nav li {float:left; display:inline-block; margin-right:2px;}
.cswr-nav a {color: #c74c44; font-size:11px; text-decoration: none;padding: 6px 8px; margin: 0 2px 0 -2px;  font-size:11px; font-weight: bold;display:block;}
.cswr-nav a:hover {border-bottom: 3px solid #FDD017;}/*background:url(/test/cswr2/cswr-rollover-bg.png) repeat-x bottom left;*/
.cswr-nav li.active a {border-bottom: 3px solid #FDD017;}
#cswr-welcome {background: url(/common/images/cswr/lamp230.png); height: 274px; margin-top:16px; }
#cswr-welcome p {font-weight: bold; color:#fff; padding: 20px; font-size: 14px;}
#cswr-right {margin-top: 0px; border-left: 2px solid #eee; padding: 0px 16px 2px 16px; 
    background-image:-webkit-linear-gradient(bottom,#fff 10%, #f4f4f4 50%,#fff 90%);
    background-image: -khtml-gradient(linear,left top,left bottom,from(#fff),to(##f4f4f4),to(#fff))!important;
    background-image: -moz-linear-gradient(top,#fff,#f4f4f4,#fff)!important;
    background-image: -ms-linear-gradient(top,#fff,#f4f4f4,#fff)!important;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(50%,#f4f4f4),color-stop(100%,#fff))!important;
    background-image: -webkit-linear-gradient(top,#fff,#f4f4f4,#fff)!important;
    background-image: -o-linear-gradient(top,#fff,#f4f4f4,#fff)!important;
    background-image: linear-gradient(top,#fff,#f4f4f4,#fff)!important;      
    background: #f4f4f4; /*fallback for IE*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#f9f9e9',GradientType=0)!important;  /*for IE*/
}

#cswr-right-nav {margin-left: -12px;}
#cswr-right-nav ul {padding: 0; margin: 0 1px 0 -4px;}
#cswr-right-nav li {font-weight: bold; list-style: none; margin-left:-2px; padding: 8px; padding-left: 18px; background-color: #fff; border-bottom:2px solid #ddd; border-right:2px solid #ddd; font-size: 14px;}
                             /*background: transparent url(/common/images/pointers/dot.gif) bottom left repeat-x;*/
#cswr-right-nav li a, #cswr-right-nav lia:link, #cswr-right-nav li a:visited { display: block; text-decoration: none;}
#cswr-right-nav li.first {border-top: 2px solid #ddd;}
#cswr-right-nav a.selected, #cswr-right-nav li a:hover {color: #bd5c1a;}
#cswr-right .heading {font-size: 14px;}
.cswr-right-bits {font-weight: bold;}

/*--------testing for background ------------------*/
#cswr-right2 {margin-top: 0px; border-left: 1px dotted #daa733; padding: 0px 16px 2px 16px; min-height:512px; background: url(/cswr/images/adobe.jpg) 0 0 no-repeat; }
/*#cswr-right-nav ul#cswr-bg {background-color: rgba(255, 255, 255, 0.75);}*/
#cswr-right-nav ul#cswr-bg li {background:url("/cswr/images/li-bg.png");}
#cswr-right-nav ul#cswr-bg li.first {border-top: 1px solid #daa733; border-top-right-radius: 12px;}
#cswr-right-nav ul#cswr-bg li.last {border-bottom-right-radius: 12px;}
#cswr-right-nav ul#cswr-bg li {border-bottom:1px solid #daa733; border-right:1px solid #daa733;}
#cswr-right-nav ul#cswr-bg {padding: 0; margin: 0 1px 0 -3px; border-radius: 0 12px 12px 0;  -moz-border-radius: 0 12px 12px 0; -webkit-border-radius: 0 12px 12px 0;
                -webkit-box-shadow:2px 1px 6px #bd5c1a; ; -moz-box-shadow: 2px 1px 6px #bd5c1a; box-shadow: 2px 1px 6px #bd5c1a; -webkit-background-clip: padding-box;}

.cswrcoll {max-height: 160px; width: 296px; float:left; padding:16px; border-radius: 8px; border: 2px solid #eee; margin-right: 10px;margin-bottom: 10px; }
.cswrcoll .heading {margin:6px 0 0 0;}
.cswrcoll .srchbox input {width: 236px;}
/*.cswrcoll .heading a, .cswrcoll .heading a:link, .cswrcoll .heading a:visited {text-decoration:none;}*/
.cswrcoll p {float: left; line-height:16px;}
.cswrcoll img {float:left; margin-top: -6px; width:40px;}

.cswrcoll .toggle {float: right; background: url("/common/images/pointers/arrow-grey-left.png") no-repeat 0 0;}
.cswrcolls .open .toggle {float: right; background-image: url("/common/images/pointers/arrow-grey-down.png");}
.cswrlist {margin-top:0px;}
.cswrlist li {min-height: 120px;}

/*--------------------------CSWR slider-------------------------------------*/

h1.cswr-title {margin-top:-20px; margin-left:0px; position:absolute;}
#before_default_1 .flexslider {width: 670px; float:left; margin-top:20px; }
#before_default_1 .flexslider .slides img {z-index:9; float: left; height: 275px; width: 395px; margin-left:275px;}  /* images need to be the same dimension: h-275px, w-345px */
#before_default_1 .flexslider .flex-caption-right{top:0; right: 0;width: 30%;height:100%;}
#before_default_1 .flexslider .flex-caption-left{top:0; left: 0;width: 275px; height:100%; padding: 50px 30px 50px 40px;font-family:Georgia,"Times New Roman",Serif; font-weight:normal; background: #999; background-image: url("/common/images/cswr/slider-gradient.png");}
/*#before_default_1 .flexslider .flex-caption{background-color:rgba(0, 0, 0, 0.7);}*/
#before_default_1 .flexslider .flex-caption-left .imgtitle {margin-bottom:16px; font-size: 18px; line-height:22px; letter-spacing: 1px; }
#before_default_1 .flexslider .flex-caption-left p {position: absolute; z-index: 20; margin-top: 40px; background: #00356a; padding: 4px 6px; width:275px; font-size:12px; font-style:italic; }

#before_default_1 .flexslider .flex-caption .imgtitle a:link, #before_default_1 .flexslider .flex-caption .imgtitle a:visited {color:#fff; text-decoration:none;}
#before_default_1 .flexslider .flex-caption .imgtitle a:hover {color:#00356a; text-decoration:none;}


/*------------------------- FlexSlider Setting-------------------------------------*/
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li, .flexslider .slides > .slide {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider UNM Theme
*********************************/
.flexslider {margin: 0 0 40px; background: #fff; border: 0 solid #fff; position: relative; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.flexslider .slide{position:relative;}
.carousel li {margin-right: 5px}

/*Caption */
.flex-caption{position:absolute;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    /*background:#333; fallback for IE*/
    background-color:rgba(0, 0, 0, 0.4);color:#FFF;font-weight: bold; padding:12px;  /*background-color:rgba(0, 0, 0, 0.7);padding:20px;*/ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#77333333, endColorstr=#77333333);  /* approximately a 33% opacity on blue */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#77333333, endColorstr=#77333333);}  /* IE8 uses -ms-filter for whatever reason... */
    
/*.flex-caption h2{margin-bottom:.5em;}
.flex-caption h2 a{color:#fff;text-decoration:none;}*/

.flex-caption .imgtitle a:link, .flex-caption .imgtitle a:visited, .flex-caption .imgtitle a:hover {color:#fff;}
.flex-caption p{margin:0;}
.flex-caption-bottom{bottom:10px;width:100%;}/*bottom:20px;*/
.flex-caption-top{top:10px;width:100%;} /*top:20px;*/
.flex-caption-right{top:0; right: 10px;width: 20%;height:100%;}/*right:20px;width:30%*/
.flex-caption-left{top:0;width: 20%; left:10px;height:100%;}/*left:20px;width:30%:*/

/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(https://webcore.unm.edu/v1/javascript/flexslider/images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: .75; right: 5px;}
.flexslider:hover .flex-prev {opacity: .75; left: 5px;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: auto;position: absolute;text-align: center; right:auto; margin-left: 20px;}/*bottom: -20px; right: 0;*/
.flex-control-nav li {margin: 6px; display: inline-block; zoom: 1; /*display: inline;*/}
.flex-control-paging li a {width: 12px; height: 12px; display: block; background: #ccc; cursor: pointer; text-indent: -9999px; }
.flex-control-paging li a:hover {background: #ccc;}
.flex-control-paging li a.flex-active {background: #c10037; cursor: default;  }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}

.flex-pauseplay {position: absolute;bottom: -20px;}
.flex-pause {background: transparent url(https://webcore.unm.edu/v1/javascript/flexslider/images/pause-play.png) no-repeat;width: 16px;height: 16px;text-indent: -9999px;overflow: hidden;display: block;}
.flex-play {background: transparent url(https://webcore.unm.edu/v1/javascript/flexslider/images/pause-play.png) 0 -16px no-repeat;width: 16px;height: 16px;text-indent: -9999px;overflow: hidden;display: block;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/* Responsive */
@media only screen and (max-width: 767px) {
.flex-caption, .flex-viewport {background-color:#333;}
.flex-caption {position:relative;}
.flex-caption-right, .flex-caption-left, .flex-caption-top, .flex-caption-bottom {right:0; left:0; top:0; bottom:0; width:100%;}
}


/*----------------------------------UNM Libraries -------------------------------------*/

.mainlib {width: 320px; float: left;}
.mrgnr15 {margin-right: 15px;}
.mrgnl15 {margin-left: 15px;}

img.lib-thumbnail {-webkit-box-shadow: 1px 1px 5px #ccc; box-shadow: 1px 1px 5px #ccc; border: 1px solid #ccc; padding: 8px; float: left; margin: 0 15px 5px 0; width: 95px; background:#fff;}
.bigheading {border-bottom: 3px solid #DDD; font-size: 20px; margin-bottom: 16px; line-height: 22px;}
.bigheading a, smlheading a, medheading a {text-decoration: none;}
.medheading {margin-left: 18px; font-size: 18px; margin-bottom: 12px; border-bottom: 0;}
.smlheading {font-size: 13px; font-weight: bold; margin: 6px 0;}

.ullib {width: 145px; float: left;}
.left-border {border-left: 1px solid #ddd;}    
ul.brnchlib {list-style: disc outside;}
ul.brnchlib li {line-height: 16px; margin-bottom: 12px; margin-left: 18px;}

/*---------------Chatbox---------------*//*-------------try to overwrite Alterama default style, but it's not working-----------------*/  
.libraryh3lp iframe#chatbox #header h1#title {font-family:'Lucida Grande', Helvetica, Arial, sans-serif;!important; font-size: 14px;}
.libraryh3lp #chatbox #send textarea, #layout { /* Please note: Do not use "body" to difine the font on all the elements. It does not work right in IE */
    font-family:Helvetica Neue,Lucida Grande,Helvetica,Arial,Verdana,sans-serif !important;
    font-size: .98em;}

/*------------------------Wireless Drivers form added by Christine 2/4/13------------------------------*/
.driverselect {border-radius:8px; background:#fff; border:1px solid #ccc; padding:20px; padding-top:5px;}
.driverselect input {margin:0; margin-right:5px;}
#driver-login input {width:220px; margin:10px; margin-left:0;}

/*------------------------404 Page Not Found------------------------------*/
img.pnf {width: 350px; float: right;}
.pnf {font-size: 14px;}
p.four-o-4 { font-weight: bold; font-style: italic; font-size: 16px;}


/*------------------------Caption added by Christine 2/4/13------------------------------*/
.caption {width: 80%;}

/*-----------------promote box--------------*/
.out-right {right: -145px; position: relative; float: right; margin-top: -65px; }
.promobox{border: 1px solid #ccc; width: 190px; padding: 10px; box-shadow: 1px 1px 5px #999;-webkit-box-shadow: 1px 1px 5px #999; background:#ffffff; line-height:16px;}
img#notepad, img.notepad{float:left; width:24px; height:24px; margin-right:4px; margin-bottom:10px;}
span.survey {font-weight:bold;}
.left-triangle {width: 0px; height: 0px;border-style: solid;border-width: 15px 15px 15px 0; border-color: transparent #c10037 transparent transparent;position: relative;top:-54px;float:right;right: 62px;}
.up-triangle {width: 0px; height: 0px; border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent #c10037 transparent;position: relative;top:-10px;float:right;right: 100px;}

/*------------------------Newspapers Project------------------------------*/
li.newspaper {width:434px; float:left; margin-right:20px; height:60px;}

/*------------------------Rooms & Services------------------------------*/
table#grad_commons_table {margin-left: 30px;}
.center-opaque-bg {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  padding: 7px;
  text-align: center;
  width: 850px;
}

/*------------------------ LibGuides V.2 front page dropdown ------------------------------*/
.inline select { display: inline; }
.s-lg-btn-api-drop.btn.btn-default { display: none; }

/*------------------------- Footer Rules -------------------------------------*/
  #footer #siteMap {
    font-family: "Gotham A", "Gotham B", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: #222;
    border-bottom: 1px solid #efefef;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0 20px;
  }

  #siteMap li {
    list-style: none;
  }

  #siteMap li:first-child {
    font-family: "Vitesse A", "Vitesse B", Cambria, Rockwell, "Times New Roman", serif;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.1;
  }
  
  #siteMap li:first-child a {
      text-decoration: none;
  }

  #siteMap li a {
    color: #00356A;
    /*text-decoration: none;*/
  }
  
  #siteMap li a:visited {
    color: #00356A;
  }

  #siteMap li a:hover {
    color: #00356A;
    text-decoration: underline;
  }

  #footer .col {
    max-width: 320px;
    /*float: left;*/
    padding: 15px 15px 0 15px;
  }

  #footer .contents {
    line-height: 1.5em;
  }

  #footer .contents ul {
    list-style: none;
  }

  #footer .contents a:link {
    color: #00356a;
  }

  /*dark blue*/
  #footer .contents a:visited {
    color: #00356a;
  }

  /* text-decoration:none;  brick:#bd5c1a;*/
  #footer .contents a:hover {
    color: #c09b68;
  }

  #footer .contents {
    padding: 10px;
    overflow: visible;
  }

  #footer .contents {
    font-size: 11px;
    padding-bottom: 0px;
    padding-top: 24px;
  }

  #footer hr.hr-style {
    border-color: #C0C0C0;
    margin-top: 8px;/* old value 20px */
    margin-bottom: 8px;
    border-width: 1px 0px 0px;
    border-style: solid none none;
    border-color: #F2F2F2 -moz-use-text-color -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
  }

  #lowerFooter {
    padding: 15px;
  }

  #lowerFooter #leftLowerFooter {
    width: 59%;
    float: left;
  }

  #lowerFooter #leftLowerFooter p, #lowerFooter #rightLowerFooter div {
    padding: 5px 15px;
  }

  #lowerFooter #rightLowerFooter .socialicons {
    margin-top: 6px;
  }

  #footer hr.style-eight {
    padding: 0;
    border: none;
    border-top: medium double #c10037;
    color: #c10037;
    text-align: center;
  }
  
  #print-pricing-table { width: 100%; border: 1px solid #eee; }
#print-pricing-table .table-th { text-align: center; background-color: #eee; padding: 2px; color: #000; }
#print-pricing-table .document { text-align: left; } 
#print-pricing-table .table-th-sub { text-align: center; background-color: #ddd; padding: 4px; color: #666; }
#print-pricing-table tbody tr td { border: 1px solid #eee; text-align: center; line-height: 200%; padding: 5px; }
#print-pricing-table .table-paper { text-align: left; }
  
/********-END FOOTER RULES-*************/