/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

/*  MCAD Colors
*
*   Yellow: #fcc22e
*   Teal:   #37bdac
*   Blue:   #2b3f8d
*   Red:    #f06072
*   Magenta #ee4a9a
*
*/

/* MCAD's Emergency Web Alerts CSS */

#sc-smartboard-container {
	background: #fcc22e; padding: 10px; text-align: center;
}

.sc-smartboard-item {
	height: 100px; padding: 15px 0;
}

.sc-smartboard-subject {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
	
}
.sc-smartboard-datetime, .sc-smartboard-message {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1.2em; }

/* End MCAD's Emergency Web Alerts CSS */


.newsEventsHR{
	height:1px !important;
	border-width:0 !important;
	color:gray !important;
	background-color:gray !important;
	background:gray !important;
}


.field-name-field-video {
	margin-left: 35px !important;
	margin-bottom: 35px !important;
}

/* CSS for Library's Flickr Slideshow */
/* * {box-sizing:border-box} */

/* Slideshow container */
.slideshow-container {
  max-width: 325px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.activeslide, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* Library hover popups css */
#pup {
  position:absolute;
  z-index:200; /* aaaalways on top*/
  padding: 3px;
  margin-left: 10px;
  margin-top: 5px;
  width: 250px;
  border: 1px solid #555;
  background-color: #fcc22e;
  color: black;
  font-size: 0.95em;
}



.tooltip-wrap {
  position: relative;
}
.tooltip-wrap .tooltip-content {
  display: none;
  position: absolute;
  bottom: 5%;
  left: 5%;
  right: 5%;
  padding: .5em;
}
.tooltip-wrap:hover .tooltip-content {
  display: block;
}


/*
.view-department-hours-and-location-node .view-content .views-row-2 .views-field-field-dept-hours, 
.view-department-hours-and-location-node .view-content .views-row-2 .views-field-field-dept-fax,
.view-department-hours-and-location-node .view-content .views-row-2 .views-field-field-dept-location, 
.view-department-hours-and-location-node .view-content .views-row-2 .views-field-field-dept-email, 
.view-department-hours-and-location-node .view-content .views-row-2 .views-field-field-emergency, 
.view-department-hours-and-location-node .view-content .views-row-2 .views-field-field-dept-phone {
	display: none;
}
*/


.dept-subheading {
	text-transform: none !important;
	font-size: 1.3em !important;
	margin-top: 10px;
	margin-bottom: 7px;
}


.cancelled-event-date-time-location,
.cancelled-event-date-time-location span.date-display-single {
  color: red !important;
  text-decoration: line-through !important;
}

.cancelled-event-date-time-location div.addtocal {
  color: red !important;
  text-decoration: line-through !important;
}

/* jquery accordian css */

#accordion * { 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
}

#accordion {
  margin: 50px auto;
  border: 0 !important;
}


#accordion .ui-accordion-content {
  width: 100%;
  background-color: #fff;
  color: #000;
  line-height: 16pt;
  border: none;
}
#accordion .ui-accordion-content ul {
  padding-bottom: 15px;
  padding-left: 15px;
}


#accordion .ui-accordion-content > * {
  margin: 0;
  padding: 0px;
}


/*#accordion .ui-accordion-content a {
  color: #ee4a9a !important;
}*/

/*
#accordion .ui-state-default{
	color: #fff;
	background-color:#000;
}
#accordion .ui-accordion-header-collapsed{
	color: #fff;
	background-color:#000;
}
*/

#accordion h3{ 
  background:none;
  background-color:#000;  
  color: #fff;       
}

#accordion .ui-accordion-header {
  background-color: #000;
  color: #fff;
  margin: 0px;
  padding: 10px 10px 10px 30px;
  border: none;
  
  cursor: pointer;
  position: relative;
  margin-top: 1px;
  zoom: 1;
}

#accordion .ui-accordion-header.ui-state-active {
    color: #000;
	background-color: #fcc22e;
}

#accordion .ui-accordion-header:hover {
    color: #fff;
	background-color: #ee4a9a;
}

#accordion .ui-accordion-header a {
  color: #fff !important;
  line-height: 42px;
  display: block;
  font-size: 12pt;
  width: 100%;
  text-indent: 10px;
}



#accordion .ui-accordion-header.ui-state-active .ui-icon
{
    background-image: url(http://download.jqueryui.com/themeroller/images/ui-icons_black_256x240.png) !important;
}




.ui-accordion .ui-accordion-li-fix {
  display: inline;
}
.ui-accordion .ui-accordion-header-active {
	border-bottom: 0 !important;
	color: #fff;
}

/* IE7-/Win - Fix extra vertical space in lists */
.ui-accordion a {
	zoom: 1;
}

.ui-accordion .ui-accordion-header .ui-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}

.ui-icon
{
    background-image: url(http://download.jqueryui.com/themeroller/images/ui-icons_white_256x240.png) !important;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  margin-top: -2px;
  position: relative;
  top: 1px;
  margin-bottom: 2px;
  overflow: auto;
  display: none;
  zoom: 1;
}
.ui-accordion .ui-accordion-content-active {
  display: block;
}










#accordion .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}
#accordion .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}
#accordion .ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
	border-top-left-radius:0px
}

#accordion .ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
	border-top-right-radius:0px
}


#accordion .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: none;
	background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    background-color: rgb(255, 255, 255);
	color: #000;
}









#zone-content .grid-12 {
	background: #d1d2d4;
	/*padding: 10px 0px 10px 10px;*/
}

#zone-content div.webform-confirmation,
#zone-content article.node-document,
#zone-content article.node-resource,
#zone-content article.node-page,
#zone-content article.node-news,
#zone-content article.node-announcement,
#zone-content article.node-article,
#zone-content article.node-department,
#zone-content article.node-intranet-custom-modules,
#zone-content article.node-external-link,
#zone-content article.node-media-gallery,
#zone-content article.node-protected-document,
#zone-content article.node-resource-content-block,
#zone-content article.node-safety-data-sheets,
#zone-content article.node-staff-directory,
#zone-content article.node-webform,
#zone-content article.node-content-block {
	background: #ffffff  !important;
	width: 100%;
}

#zone-content div.webform-confirmation {
	padding: 15px 0px; 15px 15px;
}

#zone-content div.links {
	background: #ffffff  !important;
	padding: 15px;
}

#zone-content article.node-document div.content,
#zone-content article.node-external-link div.content,
#zone-content article.node-staff-directory div.content,
#zone-content article.node-webform div.content,
#zone-content article.node-content-block div.content {
	padding: 15px;
}

.node-resource .field-name-body,
.node-page .field-name-body {
	background: #fff;
	padding-top: 10px;
}

/* FORM CSS */

form{
	padding-left: 10px;
}

/* ???????????????????? */
.grid-9 #page-title
{
	background: #ffffff !important;
	padding: 10px 10px 0px 0px;
	margin-bottom: 10px;
}

.grid-12 #page-title,
.profile {
	background: #ffffff !important;
	padding: 10px;
	margin-bottom: 10px;
}

/* USER LOGIN FORM and SEARCH PAGES white BACKGROUND */
#block-system-main form.user-login,
#block-system-main #user-login,
#block-system-main form.search-form,
#block-system-main .search-results {
	background: #fff !important;
	padding: 0px 0px 20px 0px !important;
	margin: 0px !important;
}

#block-system-main ul {
	background: #fff !important;
	padding: 0px 0px 20px 20px !important;
	margin: 0px !important;
}

#block-system-main ul ul {
	background: #fff !important;
	padding: 0px 0px 0px 5px !important;
	margin: 0px !important;
}


#block-system-main ul.action-links {
	background: #fff !important;
	padding: 20px 20px 20px 20px !important;
	margin: 0px !important;
}

#block-system-main #user-login .form-wrapper  {
	width: 100%;
	background: #fff !important;
	margin: 0px !important;
	padding: 0px 0px 20px 0px !important;

}

#block-system-main #user-login .form-type-textfield,
#block-system-main #user-login .form-type-password {
	padding: 10px !important;

}

#block-system-main #user-login .form-wrapper .form-submit  {
	padding-left: 10px !important;
	margin-left: 10px !important;
}


#block-system-main form.search-form,
#block-system-main .search-results {
	padding: 10px !important;
}

.page-search h2{
	background: #fff !important;
	padding: 10px !important;
}



/* FORM CSS */
#node-webform-7107,
#node-webform-7116,
#node-webform-7134,
#node-webform-7135, 
#node-webform-7136,
#node-webform-7139,
#node-webform-7140 {
	background-color:#f1f1f1 !important;
	padding-bottom: 30px;
}

#node-webform-7135,
#node-webform-7136,
#node-webform-7139,
#node-webform-7140 {
	padding-top: 15px;
}


#node-webform-7134 div.webform-component,
#node-webform-7135 div.webform-component,
#node-webform-7135 fieldset.captcha,
#node-webform-7139 div.webform-component,
#node-webform-7140 div.webform-component {
	padding-left: 10px;
	padding-right: 10px;

}

#node-webform-7135 fieldset.captcha{
	font-weight: bold;
}


#node-webform-7107 legend,
#node-webform-7134 legend,
#node-webform-7116 legend,
#node-webform-7140 legend {
	width: 100%;
	background-color:#fff !important;
	padding-top:15px 0px 0px 0px !important;
}


.webform-component-fieldset {
	font-size: 1.4em;
	padding-left: -5px;
	border-bottom:1px solid #CCC;	
	font-weight: bold;
	width: 100%;
	clear: both !important;
	background-color:#fff !important;
}


div.fieldset-wrapper{
	width: 100%;
	clear: both !important;
}

#webform-client-form-7136 div.webform-component--checkout-date,
#webform-client-form-7136 div.webform-component--return-date,
#webform-client-form-7975 div.webform-component--when-is-this-event,
#webform-client-form-7975 div.webform-component--requested-setup-date
 {
	width: 25%;
	margin-left: 20px;
	float: left;
	display: inline;
	clear: left;
}


#webform-client-form-7136 div.webform-component--pickup-time,
#webform-client-form-7136 div.webform-component--return-time,
#webform-client-form-7975 div.webform-component--time-of-event,
#webform-client-form-7975 div.webform-component--requested-setup-time {
	width: 40%;
    margin-left: 20px;
    float: left;
    display: inline;
    clear: right;
}



#webform-client-form-7107 div.webform-component--employee-type, 
#webform-client-form-7107 div.webform-component--legal-name, 
#webform-client-form-7107 div.webform-component--department, 
#webform-client-form-7107 div.webform-component--alternate-email, 
#webform-client-form-7107 div.webform-component--start-date, 
#webform-client-form-7107 div.webform-component--mcadedu-gmail-account, 
#webform-client-form-7107 div.webform-component--mcad-wireless, 
#webform-client-form-7107 div.webform-component--windows-login,
#webform-client-form-7107 div.webform-component--docuSign {
	width: 40%;
	margin-left: 20px;
	float: left;
	display: inline;

}

#webform-client-form-7107 div.webform-component--titanium {
	width: 100%;
	margin-left: 20px;
	float: left;
	display: inline;

}

#webform-client-form-7107 div.webform-component--faculty-id, 
#webform-client-form-7107 div.webform-component--staff-id, 
#webform-client-form-7107 div.webform-component--casual-labor-id, 
#webform-client-form-7107 div.webform-component--teaching-assistant-id, 
#webform-client-form-7107 div.webform-component--id, 
#webform-client-form-7107 div.webform-component--professor-emeritus-id, 
#webform-client-form-7107 div.webform-component--student-id, 
#webform-client-form-7107 div.webform-component--special-id, 
#webform-client-form-7107 div.webform-component--nickname---preferred-name, 
#webform-client-form-7107 div.webform-component--employee-title, 
#webform-client-form-7107 div.webform-component--end-date, 
#webform-client-form-7107 div.webform-component--apple-os-x-login, 
#webform-client-form-7107 div.webform-component--blackboard-account, 
#webform-client-form-7107 div.webform-component--mcad-media-center-reservation-system-account,
#webform-client-form-7107 div.webform-component--docuSignPermissions {
	width: 40%;
    margin-left: 20px;
    float: left;
    display: inline;
}


div.webform-component--more-accounts-to-access,
#webform-client-form-7107 div.webform-component--your-email-address, 
#webform-client-form-7107 div.webform-component--legal-name-change, 
#webform-client-form-7116 div.webform-component--your-email-address, 
#webform-client-form-7136 div.webform-component--name, 
#webform-client-form-7136 div.webform-component--your-email-address, 
#webform-client-form-7136 div.webform-component--select-your-classification, 
#webform-client-form-7136 div.webform-component--list-equipment, 
#webform-client-form-7136 div.webform-component--explanation,
#webform-client-form-7136 div.webform-component--conclusion,
#webform-client-form-7975 div.webform-component--event-name,
#webform-client-form-7975 div.webform-component--your-name,
#webform-client-form-7975 div.webform-component--email-address,
#webform-client-form-7975 div.webform-component--what-platform-will-this-event-use,
#webform-client-form-7975 div.webform-component--other-platform,
#webform-client-form-7975 div.webform-component--what-do-you-need-help-with,
#webform-client-form-7975 div.webform-component--more-help-required,
div.webform-component--employee-supervisor, 
div.form-actions {
	width: 95%;
    margin-left: 20px;
    float: left;
    clear: both;
}




#webform-client-form-7116 div.webform-component--preferred-name,
#webform-client-form-7116 div.webform-component--department,
#webform-client-form-7116 div.webform-component--legal-name {
	width: 40%;
	margin-left: 20px;
	float: left;
	display: inline;
	clear: left;

}

#webform-client-form-7116 div.webform-component--managers-title,
#webform-client-form-7116 div.webform-component--faculty-staff-id,
#webform-client-form-7116 div.webform-component--title  {
	width: 40%;
    margin-left: 20px;
    float: left;
    display: inline;
    clear: right;
}


#webform-client-form-7116 div.webform-component--adobe-creative-cloud,
#webform-client-form-7116 div.webform-component--mac-dept-share,
#webform-client-form-7116 div.webform-component--windows-dept-share,
#webform-client-form-7116 div.webform-component--windows-domain-account,
#webform-client-form-7116 div.webform-component--blackbaud,
#webform-client-form-7116 div.webform-component--dayforce,
#webform-client-form-7116 div.webform-component--microsoft-dynamics,
#webform-client-form-7116 div.webform-component--myMCAD,
#webform-client-form-7116 div.webform-component--powerfaids,
#webform-client-form-7116 div.webform-component--salesforce,
#webform-client-form-7116 div.webform-component--VPN {
	width: 25%;
	margin-left: 20px;
	float: left;
	display: inline;
	clear: left;

}


#webform-client-form-7116 div.webform-component--mac-share-name,
#webform-client-form-7116 div.webform-component--windows-share-name,
#webform-client-form-7116 div.webform-component--payroll-emp-id,
#webform-client-form-7116 div.webform-component--blackbaud-role,
#webform-client-form-7116 div.webform-component--dayforce-role,
#webform-client-form-7116 div.webform-component--microsoft-dynamics-role,
#webform-client-form-7116 div.webform-component--tabs-or-reports,
#webform-client-form-7116 div.webform-component--powerfaids-role,
#webform-client-form-7116 div.webform-component--salesforce-role,
#webform-client-form-7116 div.webform-component--end-date {
	width: 40%;
    margin-left: 20px;
    float: left;
    display: inline;
    clear: right;
}


#webform-client-form-7116 div.webform-component--faculty-staff-id {
	padding-bottom:20px;
}

#webform-client-form-7116 div.webform-component--title {
	padding-bottom:30px;
}

#webform-client-form-7116 div.webform-component--jenzabar-ex,
#webform-client-form-7116 div.webform-component--docusign {
	width: 15%;
	margin-left: 20px;
	float: left;
	display: inline;
	clear: left;

}

#webform-client-form-7116 div.webform-component--jenzabar-module,
#webform-client-form-7116 div.webform-component--docuSignPermissions {
	width: 25%;
    margin-left: 20px;
    float: left;
    display: inline;
}

#webform-client-form-7116 div.webform-component--jenzabar-role,
#webform-client-form-7116 div.webform-component--jenzabar-records-role,
#webform-client-form-7116 div.webform-component--docusign-group {
	width: 25%;
    margin-left: 20px;
    float: left;
    display: inline;
    clear: right;
}




#webform-client-form-7116 div.webform-component--adobe-creative-cloud-explain {
	width: 55%;
    margin-left: 20px;
    float: left;
    display: inline;
}


#webform-client-form-7116 div.webform-component--other {
	width: 95%;
    margin-left: 20px;
    float: left;
}



#webform-client-form-7107 div.webform-component--adobe-creative-cloud,
#webform-client-form-7107 div.webform-component--mac-dept-share,
#webform-client-form-7107 div.webform-component--windows-dept-share,
#webform-client-form-7107 div.webform-component--windows-domain-account,
#webform-client-form-7107 div.webform-component--blackbaud,
#webform-client-form-7107 div.webform-component--dayforce,
#webform-client-form-7107 div.webform-component--microsoft-dynamics,
#webform-client-form-7107 div.webform-component--myMCAD,
#webform-client-form-7107 div.webform-component--powerfaids,
#webform-client-form-7107 div.webform-component--salesforce,
#webform-client-form-7107 div.webform-component--VPN {
	width: 25%;
	margin-left: 20px;
	float: left;
	display: inline;
	clear: left;

}


#webform-client-form-7107 div.webform-component--mac-share-name,
#webform-client-form-7107 div.webform-component--windows-share-name,
#webform-client-form-7107 div.webform-component--payroll-emp-id,
#webform-client-form-7107 div.webform-component--blackbaud-role,
#webform-client-form-7107 div.webform-component--dayforce-role,
#webform-client-form-7107 div.webform-component--microsoft-dynamics-role,
#webform-client-form-7107 div.webform-component--tabs-or-reports,
#webform-client-form-7107 div.webform-component--powerfaids-role,
#webform-client-form-7107 div.webform-component--salesforce-role,
#webform-client-form-7107 div.webform-component--vpn-end-date {
	width: 40%;
    margin-left: 20px;
    float: left;
    display: inline;
    clear: right;
}


#webform-client-form-7107 div.webform-component--faculty-staff-id {
	padding-bottom:20px;
}

#webform-client-form-7107 div.webform-component--title {
	padding-bottom:30px;
}

#webform-client-form-7107 div.webform-component--jenzabar-ex,
#webform-client-form-7107 div.webform-component--docusign {
	width: 15%;
	margin-left: 20px;
	float: left;
	display: inline;
	clear: left;

}

#webform-client-form-7107 div.webform-component--jenzabar-module,
#webform-client-form-7107 div.webform-component--docuSignPermissions {
	width: 25%;
    margin-left: 20px;
    float: left;
    display: inline;
}

#webform-client-form-7107 div.webform-component--jenzabar-role,
#webform-client-form-7107 div.webform-component--jenzabar-records-role,
#webform-client-form-7107 div.webform-component--docusign-group {
	width: 25%;
    margin-left: 20px;
    float: left;
    display: inline;
    clear: right;
}




#webform-client-form-7107 div.webform-component--adobe-creative-cloud-explain {
	width: 55%;
    margin-left: 20px;
    float: left;
    display: inline;
}


#webform-client-form-7107 div.webform-component--other {
	width: 95%;
    margin-left: 20px;
    float: left;
}



#webform-client-form-9203 div.webform-component--date,
#webform-client-form-9203 div.webform-component--date-2 {
	width: 100%;
	margin-left: 10px;
	float: left;
	display: block;
	clear:both;

}

#webform-client-form-9203 div.webform-component--time,
#webform-client-form-9203 div.webform-component--time-2 {
    margin-left: 10px;
    float: left;
    display: inline;
}

#webform-client-form-9203 div.webform-component--end-time,
#webform-client-form-9203 div.webform-component--end-time-2 {
    margin-left: 10px;
    float: left;
    display: inline;
    clear: right;
}


#webform-client-form-9203 div.webform-component--setup-time,
#webform-client-form-9203 div.webform-component--setup-time-2,
#webform-client-form-9203 div.webform-component--setup-contact,
#webform-client-form-9203 div.webform-component--setup-contact-2
 {
	width: 100%;
	margin-left: 10px;
    float: left;
    display: block;
    clear: both;
}



#webform-client-form-9203 div.webform-component--select-another-day,
#webform-client-form-9203 div.webform-component--recurring-reservation,
#webform-client-form-9203 div.webform-component--end-date-for-recurring-reservation {
	width: 100%;
    margin-left: 10px;
    float: left;
    display: block;
    clear: both;
}


#webform-client-form-10069 div.webform-component--pickup-day,
#webform-client-form-10069 div.webform-component--pickup-time {
	width: 30%;
	margin-left: 0px;
	float: left;
	display: inline;

}


#webform-client-form-10069 div.webform-component--employee-type-markup {
	width: 100%;
	clear:both;
}



.form-submit {
	transition-duration: 0.4s;
	padding: 8px 8px 8px 8px !important;
	border:2px solid !important;
	background:#ee4a9a !important;
	border-color: #ee4a9a !important;
	text-align: center !important;
	text-shadow:none !important;
	color:#ffffff !important;
}

.form-submit:hover {
	background:#000000 !important;
	border-color: #000000 !important;
}
.form-submit-library-search {
	transition-duration: 0.4s;
	padding: 0px 0px 0px 0px !important;
	border:0px solid !important;
	background:#ee4a9a !important;
	border-color: #ee4a9a !important;
	text-align: center !important;
	text-shadow:none !important;
	color:#ffffff !important;
}

.form-submit-library-search:hover {
	background:#000000 !important;
	border-color: #000000 !important;
}


p {
	-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.staffDirectoryImage {
	float: left !important;
	padding-right: 15px;
}



.field-name-field-event-date {
	float: left !important;
}


/* Home Page News and Events Images */
.newsEventsSquareImage { 
    width: 220px;
    height: 220px;
    overflow: hidden; 
}
/*
.masonry-item { 
    width: 220px;
    height: 220px;
    overflow: hidden; 
}*/

/* News Grid styles */
#block-views-grid-news-events-block-1 .masonry-item { 
	background-color: #fff !important;
	display: block;
	margin-bottom: 20px;
	margin-right: 20px;
	float: left;
    width: 220px;
    height: 380px;
}




/*.newsEventsSquareImage img { 
	display: block;
	width: auto !important;
	height: 100%  !important;
}*/


.newsEventsSquareImage img { 
	width: auto !important;
	min-width: 220px;
	height: 220px;
	position:relative;
}




/* News and Events Node Pages -- Top Image */

.newsEventsFullImages { 
    width: 520px; 
    height: 300px; 
    /*height: 200px;*/
    overflow: hidden; 
}
.newsEventsFullImages img { 
	width: 858px; 
	position:relative;
}



/*.newsEventsFullImages { 
    width: 100%; 
    height: 200px;
    overflow: hidden; 
}
.newsEventsFullImages img { 
	width: 100%;
	position:relative;
	top:-70%;
}*/






/* Knowledge Base Home page styles -- Images and Categories */


.view-knowlege-base ul ul{
	/* This is so the categories don't display, remove if in the future displaying is desirable */
	display: none !important;
}


div.view-knowlege-base {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
    min-height: 1800px;
}
div.view-knowlege-base li {
    break-inside: avoid-column;
     page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
}
.view-knowlege-base{
	/*width: 900px;*/
	/*width: 300px;*/
	/*width: 600px;*/
	/*width: 800px;*/
	width: auto;
	/*min-height: 1800px;*/
}
.view-knowlege-base ul ul {
	display:block;
	/*width: 300px;*/
	width: auto;
	padding: 0;
	/* This is what I was using for indentation: margin: 0 0 0 20px;*/
}

.view-knowlege-base li {
	display:block;
	padding: 10px 10px 10px 10px !important;
	margin: 0;
	border-bottom: 1px solid #cccccc;
}

.view-knowlege-base li a{
	font-size: 1.2em;
	color: #000000 !important;
	font-weight: bold;
	text-decoration: none;
	/*text-transform: uppercase;*/
}

.view-knowlege-base li a:hover{
	font-size: 1.2em;
	color: #000000 !important;
	text-decoration: none;
}


.view-knowlege-base li li{
	display:block;
	width: 100%;
	height: auto;
	background-color: #000000;
	color: #ffffff !important;

	/*padding: 10px 10px 10px 10px;*/
	/*padding: 10px 0px 10px 0px !important;*/
	padding: 0 !important;
	margin: 0 !important;
	border: none;
	font-size: 1.1em !important;
	font-weight: normal;
}
/*
li.last a {
	padding: 10px 0px 30px 0px !important;

}
*/
.view-knowlege-base li li a{
	display:block;
	width: auto;
	height: auto;
	background-color: #000000;
	color: #ffffff !important;

	height: auto;
	border: none;
	padding: 10px 10px 10px 10px;
	margin: 0;


	font-size: 1em;
	text-decoration: none;
	font-weight: normal;
}

.view-knowlege-base li li a:hover{
	background-color: #ee4a9a;
	color: #ffffff !important;
	font-size: 1em;
}



.view-knowlege-base li li a.active {
	background-color: #ee4a9a;
	/*background-color: #fcc22e;*/
	color: #ffffff;
}





/* Knowledge Base Footer Area */

/* zone-postscript*/
#region-postscript-first{
	width: 100%;
	background-color: #ffffff !important;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding: 30px 4px 10px 0px;
/*	width: 1176px;
	padding: 10px 4px 10px 0px;
	margin-bottom: 30px;
*/
}

#region-postscript-first .block-title{ 
	display: none;
}


/* Knowledge Base Search --- NEW Search INDEX function at top of page */
#views-exposed-form-knowledge-base-search-page label {
	display: none !important;
}

#edit-submit-knowledge-base-search {
	display: none !important;
}

.view-knowledge-base-search ul.links,
.view-knowledge-base-search p,
.view-knowledge-base-search h1,
.view-knowledge-base-search h2,
.view-knowledge-base-search h3,
.view-knowledge-base-search h4,
.view-knowledge-base-search ol,
.view-knowledge-base-search ul,
.view-knowledge-base-search .field-name-body,
.view-id-taxonomy_term article.node-knowledge-base ul.links,
.view-id-taxonomy_term article.node-knowledge-base p,
.view-id-taxonomy_term article.node-knowledge-base h1,
.view-id-taxonomy_term article.node-knowledge-base h2,
.view-id-taxonomy_term article.node-knowledge-base h3,
.view-id-taxonomy_term article.node-knowledge-base h4,
.view-id-taxonomy_term article.node-knowledge-base ol,
.view-id-taxonomy_term article.node-knowledge-base ul,
.view-id-taxonomy_term article.node-knowledge-base .field-name-body {
	display: none !important;
}

.view-id-taxonomy_term article.node-knowledge-base h2.node-title,
.view-knowledge-base-search ul.pager {
	display: block !important;
}

#block-system-main .view-knowledge-base-search ul.pager {
	border: none !important;
	background-image: none !important;
	padding: 0px !important;
}


.view-knowledge-base-search  h2.node-title{
	display: block !important;
}

#views-exposed-form-knowledge-base-search-page input{
	background: #fff url('img/search.png') 3px 3px no-repeat !important;
	padding-left: 40px !important;
	border-color: black !important;
}

#views-exposed-form-knowledge-base-search-page {
	margin: 0px;
	background-color: #ffffff !important;
	padding-top:20px;
	margin-top:5px;
	padding-left:20px;
	padding-bottom:15px;
}


#region-header-first, #region-header-second {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-color: #ffffff;
}



#views-exposed-form-knowledge-base-search-page input{
	width: 400px !important;
}



hr.pageSection {
	height: 20px;
	color: #d1d2d4;
	background-color: #d1d2d4;
	padding: 0px !important;
}

div.noBreak {
	-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}


div.contentTwoColumn {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
   /* min-height: 1800px;*/
}

div.contentThreeColumn {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
   /* min-height: 1800px;*/
}

.page-taxonomy-term- .grid-9,
.node-type-knowledge-base .grid-9{
float: right;
}
/* Knowledge Base WHOLE collapsible tree menu */
#block-jquerymenu-1 .block-title {
	padding-left: 25px;
}

#block-jquerymenu-1 ul {
	/*display:block; This cause weird bad problems */
	padding: 0;
	margin: 0 0 0 20px;
}

#block-jquerymenu-1 ul ul {
	background-color: #000000;
	color: #ffffff !important;
	
	
}

#block-jquerymenu-1 ul ul ul {
	/*display:block; This cause weird bad problems */
	/*background-color: #333333;*/
	background-color: #ffffff;
	padding: 0;
	margin: 0 0 0 0px;
}

#block-jquerymenu-1 li li li a.active {
	/*display:block; This cause weird bad problems */
	color: #000000 !important;
	padding: 0 0 0 20px;
}
#block-jquerymenu-1 li li li a {
	/*display:block; This cause weird bad problems */
	/*color: #ffffff !important;*/
	color: #000000 !important;
	padding: 0 0 0 20px;
}


#block-jquerymenu-1 li {
	display:block;	
	display:block;
	width: 100%;
	height: auto;

	color: #ffffff !important;

	padding: 0 !important;
	margin: 0 !important;
	border: none;
	font-size: 1.1em !important;
	font-weight: normal;
	/*border-bottom: 1px solid #cccccc;*/
	
}




#block-jquerymenu-1 li a{
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;

	display:block;
	width: auto;
	height: auto;
	/*background-color: #666666;*/
	color: #000 !important;

	height: auto;
	border: none;
	padding: 5px 5px 5px 5px;
	margin: 0;



}

#block-jquerymenu-1 li a.active {
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;

	display:block;
	width: auto;
	height: auto;
	background-color: #fcc22e !important;
	color: #000 !important;

	height: auto;
	border: none;
	padding: 5px 5px 5px 5px;
	margin: 0;



}



#block-jquerymenu-1 li li {
	display:block;	
	width: 100%;
	height: auto;

	color: #ffffff !important;

	padding: 5px 5px 5px 5px;
	margin: 0 !important;
	border: none;
	font-size: .9em !important;
	font-weight: normal;
	border-bottom: none;
	
}





#block-jquerymenu-1 li li a{
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;

	display:block;
	width: auto;
	height: auto;
	color: #ffffff !important;

	height: auto;
	border: none;
	/*padding: 5px 5px 5px 5px;*/
	margin: 0;



}



#block-jquerymenu-1 li li a.active {
	background-color: #fcc22e !important;
	color: #000 !important;
}

#block-jquerymenu-1 li a:hover{
	/*background-color: #3eaf06;*/
	background-color: #ee4a9a;

	color: #fff !important;
}












.error{
	background-image: none !important;
}

div p {
	font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif;
	margin-left: 15px;
	margin-right: 15px;
}


.field-name-field-event-date, .field-name-field-location, .field-name-field-event-time, .field-name-field-more-info-link, .field-name-field-location-linked   {
	font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif;
	margin-left: 15px;
}

.field-name-field-event-type-display{
	font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 10px;
}

.field-name-field-subtitle {
	font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif;
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 20px;
}

.field-name-field-cancelled-event-message{
	font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 20px;
	color: red;
}

.field-name-field-event-time, .field-name-field-more-info-link {
	margin-bottom: 15px;
}


ol, ul {
	font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 0px;
	padding-top: 0px;
}

h1, h2, h3, h4, h5 {
  font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif;
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
}
h6 {
  font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif;
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
}


/*div.grid-9 h1,
div.grid-9 h2,
div.grid-9 h3,
div.grid-9 h4,
div.grid-9 h5,
div.grid-12 h1,
div.grid-12 h2,
div.grid-12 h3,
div.grid-12 h4,
div.grid-12 h5,*/
div.view-id-resources h3,
h2.node-title,
h2.block-title,
div.masonry-item h2 {
	padding-left:0px !important;
}

h1 {
	font-weight: normal;
}


h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1.0em;
	letter-spacing: normal;
}

.context-library h1{
display:none;
}

a, a:link, a:visited {
	color: #ee4a9a;
	text-decoration:none;
}

a:hover {
	color: #000000;
}


a.announcement-links {
	color: #fff !important;
}

a.announcement-links:hover {
	background: #fcc22e !important;
	background-color: #fcc22e !important;
	color: #fff !important;
}
a.button-links {
    color: #fff !important;    
	display: inline-block;
	padding: .5em 1.1em;
	font-size: 1.1rem;
	margin: auto;
	text-decoration: none;
	width: auto;
	background: #ee4a9a;
	border: 0px;
	text-transform: uppercase;
}

a.button-links:hover {
	background: #fcc22e !important;
	background-color: #fcc22e !important;
	color: #000 !important;
}


.view-announcements a {
        color: #fff !important;
}

.view-announcements a:hover {
        background: #fcc22e !important;
        background-color: #fcc22e !important;
        color: #fff !important;
}




/*
h1#page-title {
	font-family: 'Apercu Mono Regular', monospace;
	font-weight: normal;
}

h2.node-title {
	font-family: 'Apercu Mono Regular', monospace;
	font-weight: normal;
}*/

input, textarea {
	font-family: 'Helvetica', sans-serif !important;
	font-size: 1em !important;
}

input[type="text"],input[type="password"],textarea{
	padding: 0px 10px !important;
}

.node-links ul li a, 
.comment-links ul li a {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: #CB5B9D;
	background: #CB5B9D;
	color: #fff;
	padding: 5px 10px;
	border-width: 0;
}

.node-links ul li a:hover,
.comment-links ul li a:hover {
	background: #000;
}

.breadcrumb {
    font-size: .8em;
	margin: 10px 0 7px 10px;	
	text-transform: uppercase;
}

.breadcrumb li {
	margin:0 10px 0 0;	
	text-transform: uppercase;
}

.breadcrumb a {
	color: #ee4a9a;
	text-transform: uppercase;
}

.breadcrumb a:hover {
	color: #000;
}

a.mcad-bttn {
    border: 1px solid #666;
    width: auto;
}

button, input[type="reset"], input[type="button"], a.mcad-bttn {
	border-radius: 1px !important;
	-webkit-border-radius: 1px !important;
	font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif !important;
	font-size: 1em !important;
	padding: 8px 10px 7px 10px !important;
	
}

input[type="submit"] {
	border:none;
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	font-family: Helvetica, Arial,  sans-serif !important;
	font-size: 1.1em !important;
        color: #ffffff;
	padding: 8px 8px 7px 10px !important;
	background:#d24996;
	text-decoration: none;
	text-shadow:none !important;

	
}



.views-field-field-image-credit {
	font-style: italic;
	font-size: 0.85em;
	text-align: right;
}

.views-field-field-dept-image img,
/*.views-field-field-image img, COMMENTED THIS OUT 5-4-2017 by Tabitha, it was interfering with  News
and events home page image animated gif scaling and css cropping */
.field-name-field-image img {
	width: 100% !important;
	height: auto !important;
}


#zone-branding-wrapper, #zone-footer-wrapper {
	background-color: #fff;
}

#zone-user-wrapper {
    padding: 20px 0 0 0;
}

#region-user-first {
    margin-bottom: 20px;
}

#region-user-third p {
    margin-bottom: 0;
}

#section-header, #section-content {
    background-color: #d1d2d4;
}

#zone-menu-wrapper {
	margin-top: 20px;
}

#region-branding {
	padding-top: 0px;
	margin-bottom: 0px;
}

.one-sidebar #zone-content,
.page-node-14 #zone-content {
    background: #fff;
    margin-bottom:10px;
}

.logo-img {
    width: 100%;
    margin-bottom:15px;
}

a#logo {
	display:block;
	margin: 15px auto 0 auto;
	max-width: 390px;
	height: 31px;
	background: url('img/mcad-intranet-logo.png') top left no-repeat;
    background-size: contain;
}


/* no sidebar content region */
.not-front .grid-12.region-content {
    background: #fff;

}

.not-front .grid-12.region-content .region-inner {
    /*padding: 10px;*/
    padding: 10 0 10 0;
}

/* Search Form */
#search-block-form {
	width: 100%;
	/*margin: -25px 0 0 auto;*/
}

#search-block-form .form-item {
	width: 100%;
	padding: 0;
	margin: 0;
	display:block;
	float: left;
}

#search-block-form .form-item input {
	width: 100%;
	padding-left: 40px !important;
	background: #fff url('img/search.png') 5px 5px no-repeat;
}

#search-block-form .form-actions {
	display:none;
}

/* Utilities Menu */

#block-nodeblock-1931 {
    display:none;
}



#mcad-login, #mcad-logout {
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px 0 5px 0px;
    text-transform: uppercase;
    font-size: 0.85em;
    background: #ee4a9a;
    color: #000;
    text-align: center;
}

#mcad-login:hover, #mcad-logout:hover {
    color: #fff;
}

#logo img {
	display:none;
}

/* Mobile Jump menus */

#block-jump-menu-jump-menu-m-menu-my-utilities {
	display:block;
}
#block-menu-menu-my-utilities {
	display:none;
}


/*
COMMENTED THIS OUT 5-4-2017 by Tabitha, it was interfering with  News
	and events home page image animated gif scaling and css cropping 
img { max-width: 100%; } */


#block-jump-menu-jump-menu-m-menu-my-utilities select {
	width: 100%;
	height: 40px;
	font-size: 1.2em !important;
	padding: 5px 10px;
	border: 1px solid #CB5B9D;
        margin-top: 10px;
}

#block-system-main-menu {
	display:none;
}

#block-jump-menu-jump-menu-m-main-menu {
	display:block;
}

#block-jump-menu-jump-menu-m-main-menu select {
	width: 100%;
	height: 40px;
	font-size: 1.2em !important;
	padding: 5px 10px;
	background-color: #000;
	color: #fff;
}


#block-system-library-menu {
	display:none;
}

#block-jump-menu-jump-menu-m-library-menu {
	display:block;
}

#block-jump-menu-jump-menu-m-library-menu select {
	width: 100%;
	height: 40px;
	font-size: 1.2em !important;
	padding: 5px 10px;
	background-color: #000;
	color: #fff;
}
/* Announcements */
#block-views-announcements-block {
display:none;
	margin-bottom:10px;
}

#block-views-announcements-block-1 {
	display:block;
	margin-bottom:10px;
}

.mcad-announcements .views-row {
	background: #fcc22e;
	margin: 10px 0 0 0;
	padding: 0;
}

.mcad-announcements .views-row .views-field-body {
	background: #fcc22e url('img/alert.png') 15px 10px no-repeat;
	padding: 12px 10px 10px 40px;
	cursor:pointer;
	font-size: .8em;
}


.mcad-announcements .views-field-body-1 {
	background: #ee4a9a url('img/alert.png') 15px 10px no-repeat;
	padding: 12px 10px 10px 40px;
	cursor:pointer;
	display:none;
	font-size: .8em;
}

#block-views-announcements-block .pager,
#block-views-announcements-block-1 .pager {
	border-width: 0;
	height: 0px;
	background: transparent;
}

#block-views-announcements-block .pager li,
#block-views-announcements-block-1 .pager li  {
	border-width: 0;
}

#block-views-announcements-block .pager-current,
#block-views-announcements-block-1 .pager-current {
	display:none;
}


#block-views-announcements-block .views-row {
	width: 50%;
	float:left;
	
}



#block-views-announcements-block .pager-previous a,
#block-views-announcements-block-1 .pager-previous a {
	background: url('img/arrow_left.png') 0 0 no-repeat;
	text-indent: -2999px;
	width: 20px;
	height: 50px;
	background-size: 50%;
	border-width: 0;
	position: absolute;
	top: -26px;
	
}

#block-views-announcements-block .pager-next a,
#block-views-announcements-block-1 .pager-next a {
	background: url('img/arrow_right.png') 0 0 no-repeat;
	text-indent: -2999px;
	width: 50px;
	height: 50px;
	background-size: 50%;
	border-width: 0;
	position: absolute;
	top: -26px;
	right: 0px;
}



#block-system-main ul.pager{
	border: none !important;
	background-image: none !important;
	padding: 0px !important;
}

/* CSS added to remove wrapping and cover the letters after prev... */
.pager-previous {
	padding:15px;
	width: 50px;
	white-space: nowrap;
}



/* Single Column news/events feed */

#block-views-grid-news-events-block-2 {
	display:block;
}

#block-views-grid-news-events-block-2 .views-row {
	background-color: #fdfdfd;
	box-shadow: inset 0px 2px 8px 5px #f9f9f9;
	border: 1px solid #f1f1f1;
	margin: 0 auto 20px auto;
	width: 100%;
	position:relative;

}

#block-views-grid-news-events-block-2 .views-field-field-event-type,
#block-views-grid-news-events-block-2 .views-field-title, 
#block-views-grid-news-events-block-2 .views-field-php-2, 
#block-views-grid-news-events-block-2 .views-field-field-event-date,
#block-views-grid-news-events-block-2 .views-field-field-event-date-1,
#block-views-grid-news-events-block-2 .views-field-field-event-date-2,
#block-views-grid-news-events-block-2 .views-field-field-date,
#block-views-grid-news-events-block-2 .views-field-field-location,
#block-views-grid-news-events-block-2 .views-field-field-location-linked,
#block-views-grid-news-events-block-2 .views-field-php-3,
#block-views-grid-news-events-block-2 .views-field-field-event-time {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
}

#block-views-grid-news-events-block-2 .views-field-field-date {
	white-space: nowrap;
}

#block-views-grid-news-events-block-2 .views-field-php-1 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-left: 10px;
	padding-bottom: 0px;
}



#block-views-grid-news-events-block-2 .views-field-field-location,
#block-views-grid-news-events-block-2 .views-field-field-location-linked, 
#block-views-grid-news-events-block-2 .views-field-php-3 {
	width: 180px;
}

#block-views-grid-news-events-block-2 .views-field-php-2,
#block-views-grid-news-events-block-2 .views-field-field-date,
#block-views-grid-news-events-block-2 .views-field-field-event-date,
#block-views-grid-news-events-block-2 .views-field-field-event-date-1,
#block-views-grid-news-events-block-2 .views-field-field-event-date-2,
#block-views-grid-news-events-block-2 .views-field-field-location,
#block-views-grid-news-events-block-2 .views-field-field-location-linked,
#block-views-grid-news-events-block-2 .views-field-php-3,
#block-views-grid-news-events-block-2 .views-field-field-event-time,
#block-views-grid-news-events-block-2 .views-field-php-1, 
.field-name-field-event-date
{
	font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif;
}

#block-views-grid-news-events-block-2 .views-field-field-date {
	white-space: nowrap;
}

#block-views-grid-news-events-block-2 .views-field-title h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 1em 0 0;
	letter-spacing:.08em;
	line-height:120%;
	font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif;

}
#block-views-grid-news-events-block-2 .views-field-title a {
	text-decoration: none;
	color: #000;
}

#block-views-grid-news-events-block-2 .views-field-field-event-type a {
	font-size: .6em;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	/*background: #e0e0e0;*/
	padding: 0px;
}



#block-views-grid-news-events-block-2 .views-field-view-node a {
	display:none;
	/*display:block;*/
	width: 28px;
	height: 28px;
	background: #000 url('img/circle_plus.gif') 0 0 no-repeat;
	
	 
	position:absolute;
	bottom: 30px;
	right: 0px;
	text-indent: -1999px;
}

#block-views-grid-news-events-block-2 div.addtocal {
	padding: 0px;
	text-transform:none;	
	font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif !important;
	display:block;
	width: 28px;
	height: 28px;
	background: #000 url('img/circle_plus.gif') 0 0 no-repeat;
	
	position:absolute;
	bottom: 30px;
	right: 0px;
	text-indent: -1999px;
}

#block-views-grid-news-events-block-2 ul.addtocal_menu {
	top: 30px !important;
	left: 50% !important;
}


/* Grid styles */
/*
.masonry-item {
	background-color: #fff;
	box-shadow: inset 0px 2px 8px 5px #f9f9f9;
	border: 1px solid #f1f1f1;
	margin: 0 0 20px 0;
	height: 450px;
	overflow: auto;
}
*/

.masonry-item .views-field-field-event-type,
.masonry-item .views-field-title, 
.masonry-item .views-field-field-event-date,
.masonry-item .views-field-field-event-date-1,
.masonry-item .views-field-field-event-date-2,
.masonry-item .views-field-field-location,
.masonry-item .views-field-field-news-type,
.masonry-item .views-field-field-announcement-type,
.masonry-item .views-field-field-date,
.masonry-item .views-field-php-1,
.masonry-item .views-field-field-event-time,
.masonry-item .views-field-field-location-linked, 
.masonry-item .views-field-php-3 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
}

.masonry-item .views-field-field-date {
	white-space: nowrap;
}


.masonry-item .views-field-php {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}




.masonry-item .views-field-field-location,
.masonry-item .views-field-field-location-linked,
.masonry-item .views-field-php-3 {
	width: 180px;
}

.masonry-item .views-field-php-2, 
.masonry-item .views-field-field-date,
.masonry-item .views-field-field-event-date,
.masonry-item .views-field-field-event-date-1,
.masonry-item .views-field-field-event-date-2,
.masonry-item .views-field-field-location,
.masonry-item .views-field-field-location-linked,
.masonry-item .views-field-php-3,
.masonry-item .views-field-field-event-time,
.masonry-item .views-field-php-1,
.field-name-field-event-date
 {
	font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif;
}

.masonry-item .views-field-field-date {
	white-space: nowrap;
}


#block-views-grid-news-events-block-1 {
	/*background-color: #ee4a9a;*/
}

#block-views-grid-news-events-block-1 div.addtocal {
	padding: 0px !important;
	margin: 0px !important;
	text-transform:none;	
	/*
	margin-left: 0px !important;
	padding-left: 0px !important;
	
	margin-right: 0px !important;
	padding-right: 0px !important;
	*/
	font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif;
	/*display:block;*/
	width: 28px;
	height: 28px;
	background: #000 url('img/star.png') 0 0 no-repeat;
	
	/*position:absolute;*/
	float: right;
	/*bottom: 30px;
	right: 0px;*/
	text-indent: -1999px;
}

/* position add to call menu */
#block-views-grid-news-events-block-1 ul.addtocal_menu {
	margin-left: 0px !important;
	padding-left: 0px !important;
	
	margin-right: 0px !important;
	padding-right: 0px !important;
	
	/*top: 220px !important;
	left: 60px !important;*/
}

/* position add to call menu */
#block-views-grid-news-events-block-1 ul.addtocal_menu li {
	margin-left: 0px !important;
	padding-left: 0px !important;
	
	margin-right: 0px !important;
	padding-right: 0px !important;
	
	/*top: 220px !important;
	left: 60px !important;*/
}


.masonry-item .views-field-php-2 {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 1em;

	font-style: italic;
	margin: 0 1em 0 0;
	letter-spacing:.08em;
	line-height:120%;
	font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif;

}


.masonry-item .views-field-title h2 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 1em 0 0;
	letter-spacing:.08em;
	line-height:120%;
	font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif;

}
.masonry-item .views-field-title a {
	text-decoration: none;
	color: #000;
}

.masonry-item .views-field-field-news-type a,
.masonry-item .views-field-field-announcement-type a,
.masonry-item .views-field-field-event-type a {
	font-size: .8em;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	/*background: #e0e0e0;*/
	padding: 2px 0;
    margin: 0px 0px 0px 0px;
}



.masonry-item .views-field-view-node a {
	display:none;
	/*display:block;*/
	width: 28px;
	height: 28px;
	background: #000 url('img/circle_plus.gif') 0 0 no-repeat;
	
	 
	position:absolute;
	bottom: 30px;
	right: 0px;
	text-indent: -1999px;
}

.addtocal {
	padding-top: 3px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 10px;
	margin: 0 !important;
	/*float: right;*/
	display: block;
	background:none;
	border-width: 0;
	color: #CB5B9D;
	font-size: .85em;
}



.addtocalEventsListing {
	padding: 0px !important;
	margin: 0 !important;
	float: none;
	background:none;
	border-width: 0;
	color: #CB5B9D;
	font-size: .85em;
}

.field-name-field-location, .field-name-field-location-linked {
	clear: both;
	display: block;
}



.responsive-layout-mobile #block-views-grid-news-events-block-1 {
	width: 300px;
	margin: 0 auto;
}

.responsive-layout-mobile #block-views-grid-news-events-block-1 .masonry-item {
	width: 300px;
	height: 420px;
}

/* Home Page News and Events Images */
.responsive-layout-mobile #block-views-grid-news-events-block-1 .newsEventsSquareImage { 
    width: 300px;
    height: 300px;
    overflow: hidden; 
}


.responsive-layout-mobile #block-views-grid-news-events-block-1 .newsEventsSquareImage img { 
	width: auto !important;
	min-width: 300px;
	height: 300px;
}


/* footer menu */
#block-menu-menu-links-and-resources {
	padding: 20px;
}
#block-menu-menu-links-and-resources h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing:.08em;
	color: #313131;
	margin-bottom: 10px;
}
#block-menu-menu-links-and-resources ul.menu {
	list-style:none;
	list-style-image: none;
	margin: 0;
}
#block-menu-menu-links-and-resources .menu li {
	list-style:none;
	list-style-image: none;
	margin: 0;
	font-size: .9em;
	letter-spacing:.09em;
}
#block-menu-menu-links-and-resources .menu li a {
	text-decoration: none;
	color: #313131;
}

#block-menu-menu-links-and-resources .menu li a:hover {
	color: #CB5B9D;
}

#block-block-3 {
}

#block-block-3 h2 {
    font-size: 1em;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing:.08em;
	color: #313131;
	padding-right: 10px;
}

#block-block-2 {
	width: 100%;
	height: 50px;
	margin-top: 25px;
	background: url('img/mcad_lockup_footer-01.svg') top left no-repeat;
    background-size: contain;
    display:none;
}

#block-block-2 p {
	text-indent: -1999px;
}

ol li,
ul li {
  margin-left: 15px;
}

ol li li,
ul li li {
  margin-left: 20px;
}


ol li li li,
ul li li li {
  margin-left: 30px;
}

ol li li li li,
ul li li li li {
  margin-left: 40px;
}

/* fix autocomplete throbber position */
html.js input.form-autocomplete {
	background-position: 100% 5px; 
	padding: 13px 10px 12px 10px !important;
}

html.js input.throbbing {
  background-position: 100% -15px; /* LTR */
}

/* KB styles */
#block-finder-content-finder {
	margin-bottom: 20px;
}

#block-finder-content-finder legend {
	font-size: 1.4em;
}

#block-finder-content-finder input[type='text'],
#block-finder-content-finder select {
	width: 100%;
}


#block-finder-content-finder .finder-form {
    width: 95%;
}

#block-finder-content-finder input[type='submit'] {
	padding: 10px 20px;
	background-color:#CB5B9D;
	text-transform:uppercase;
	color:#fff;
	font-size: 1em;
}

.node-knowledge-base h2.node-title {
	font-size: 1.4em;
}
.node-knowledge-base {
	padding: 10px 0;
	margin-bottom: 20px;
	border-bottom: 2px dotted #ccc;
}


/* Dept page tabs */
/* add clearfix to tabs menu */
#block-quicktabs-resources-staff ul.quicktabs-tabs:after {
	content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#block-quicktabs-resources-staff ul.quicktabs-tabs {
	margin-bottom: -1px;
}

#quicktabs-container-resources_staff {
	border: 1px solid #000;
	padding: 10px;
}
#block-quicktabs-resources-staff .quicktabs-tabs li {
	padding: 0;
	margin: 0 0 0 -1px;
	border: 1px solid #000;
	display:block;
	float: left;
}

#block-quicktabs-resources-staff .quicktabs-tabs li.active {
	background: #000;
}


#block-quicktabs-resources-staff .quicktabs-tabs li a {
	display: block;
	padding: 20px 20px;
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	font-size: .85em;

}

#block-quicktabs-resources-staff .quicktabs-tabs li.active a {
	color: #fff;
}

#block-quicktabs-resources-staff .views-field-nid, #block-quicktabs-resources-staff .views-row  {
	font-size: .85em;
	margin-bottom: 10px;
}


#block-quicktabs-resources-staff .views-row a {
	color: #CB5B9D;
	text-decoration: none;
	font-size: 1.2em;
}


#block-quicktabs-resources-staff .views-field-nid a {
	color: #CB5B9D;
	text-decoration: none;
	font-size: 1.4em;
}


.view-resources h3 {
	font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.0em;
	margin-top: 10px;
	margin-bottom: 7px;
}

/* Department Pages */

.context-department h1#page-title {
    font-size: 1.3em;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 20px;
}

.view-department-hours-and-location .views-field {
	margin-bottom: 10px;
}

.view-department-hours-and-location .views-label {
	font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

.view-department-hours-and-location .field-content {

	font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif;
}


/* Department Listing */

#block-views-department-list-block-1 .views-row {
    width: 220px;
    margin: 0 auto 20px auto;
    background: #fff;
    overflow: auto;
    padding-bottom: 10px;
    
}

#block-views-department-list-block-1 .views-row .views-field-name {
    padding: 2px 10px;
    text-transform: uppercase;
}

#block-views-department-list-block-1 .views-row .views-field-field-dept-hours,
#block-views-department-list-block-1 .views-row .views-field-field-dept-email,
#block-views-department-list-block-1 .views-row .views-field-field-dept-phone {
    padding: 2px 10px;
    font-size: .8em;
}


.dept-listing li {
    margin-bottom: 20px;
    height: auto;
    list-style: none;
    list-style-image: none;
    overflow: hidden;
}

.dept-listing li .views-field-name a {
    color: #CB5B9D;
    font-size: 1.2em;
}

.dept-listing li .views-field-field-dept-hours,
.dept-listing li .views-field-field-dept-email,
.dept-listing li .views-field-field-dept-phone {
    font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif;
    height: auto !important;
}

/* clearfix for column 2 */
.dept-listing li.column-2:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* IE6 */
* html .dept-listing li.column-2 {
  height: 1%;
}
/* IE7 */
*:first-child + html .dept-listing li.column-2 {
  min-height: 1%;
}


/* Node Teasers */

.node-teaser, li.search-result {
    padding-bottom: 2em;
    border-bottom: 2px dotted #ccc;
    margin-bottom: 2em;
}

.context-mcad-library .breadcrumb{
display:none;
}

.search-info .username {
display: none;
}

#formmcPersonalProposal .valid-cell-right{

    background-image:url('/css/down.png');
    background-position: top right; 
}


/* 
 *   New Department Node page formats 
 *   added 2.6.15 by peter@stylefish.com
*/

.node-type-department h1#page-title {
    font-size: 1.3em;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 20px;
}

.view-department-hours-and-location-node .views-field {
	margin-bottom: 10px;
}

.view-department-hours-and-location-node .views-label {
	font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

.view-department-hours-and-location-node .field-content {
	font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif;
}

.views-field views-field-field-additional-info .field-content p {
    margin: 0 auto 20px 0;
}

.view-department-list-block-nodes .views-row {
    width: 220px;
    margin: 0 auto 20px auto;
    background: #fff;
    overflow: auto;
    padding-bottom: 10px;
    
}

.view-department-list-block-nodes .views-row .views-field-title {
    padding: 2px 10px;
    text-transform: uppercase;
}

.view-department-list-block-nodes .views-row .views-field-field-dept-hours,
.view-department-list-block-nodes .views-row .views-field-field-dept-email,
.view-department-list-block-nodes .views-row .views-field-field-dept-phone {
    padding: 2px 10px;
    font-size: .8em;
}

#edit-search-block-form--2{
margin-top: 4px;
}

.page-node-2121 .block-breadbrumb{
display:none;
}

/* library */
#block-menu-menu-library-main-menu h2 {
        display:none;
}
#block-menu-menu-library-main-menu ul.menu {
        list-style: none;
        list-style-image: none;
}

#block-menu-menu-library-main-menu .menu li {
        list-style: none;
        list-style-image: none;
        display:block;
        float: left;
        width: 24%;
        height: auto;
        padding: 0;
        margin: 0 2px 0 0;
}

#block-menu-menu-library-main-menu .menu li.last {
        margin-right: 0;
        width: 25%;
}

#block-menu-menu-library-main-menu .menu li a {
        display:block;
        width: auto;
        min-height: 20px;
        max-height: 50px;
        background-color: #00acec;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        font-family: 'Helvetica Neue', Helvetica, Arial,  sans-serif !important;
        font-weight: bold;
        padding: 10px 5px 10px 8px;
        font-size:7pt;
}

#block-menu-menu-library-main-menu .menu li a:hover {
        background-color: #ee4a9a;
}

#block-menu-menu-library-main-menu .menu li a.active, #block-menu-menu-library-main-menu .menu li a.active-trail {
        background-color: #fcc22e;
        color: #000;
}


   .tabs {
      position: relative;   
      min-height:160px; /* This part sucks */

width: 100%;
max-width: 800px;
float:left;


    }
    .tab {
      float: left;
    }
    .tab label {
      background: #eee; 
   padding: 10px; 
      border: 1px solid #ccc; 
      margin-left: -1px; 
      position: relative;
      left: 1px; 
font-size: 7pt;
    }
    .tab [type=radio] {
      display: none;   
    }
    .tabcontent {
      position: absolute;
      top: 40px;
      left: 0;
      background: white;
      right: 0;
      bottom: 0;
 padding: 7px;
      border: 1px solid #ccc; 
    }
    [type=radio]:checked ~ label {
      background: white;
      border-bottom: 1px solid white;
      z-index: 2;
    }
    [type=radio]:checked ~ label ~ .tabcontent {
      z-index: 1;
    }

.page-node-2121 .block-breadcrumb{
display:none;
}
tr:nth-child(even) {background-color: #f2f2f2}

.page-taxonomy-term-29 .block-kb-nodes-block,
.page-taxonomy-term-42 .block-kb-nodes-block,
.page-taxonomy-term-32 .block-kb-nodes-block,
.page-taxonomy-term-359 .block-kb-nodes-block,
.page-taxonomy-term-410 .block-kb-nodes-block,
.page-taxonomy-term-411 .block-kb-nodes-block
{
display: none;
}

.field-name-field-category a{
padding-right: 6px;
}


.SmartBoard_Table{
border: 1px solid red;
width: 50%;
margin: auto;
margin-top: 25px;
font-weight: bold;

background-color: pink;
}


/* LIBRARY BULLETED LIST IMAGES */

ul#libraryList {
    margin-left:0px;
}
#libraryList li {
    padding:0px;
}
#libraryList li#ebsco {
	background: url(/sites/default/files/libraryimages/ebsco-icon.png); /* <-- change `left` & `top` too for extra control */
	background-repeat:no-repeat;
	background-position:2px 2px;    
	padding: 0px 0px 5px 27px;
	/* reset styles (optional): */
	list-style: none;
	margin: 0; 
}
#libraryList li#jstor {
	background: url(/sites/default/files/libraryimages/jstor-icon.png); /* <-- change `left` & `top` too for extra control */
	background-repeat:no-repeat;
	background-position:2px 2px;    
	padding: 0px 0px 5px 27px;
	/* reset styles (optional): */
	list-style: none;
	margin: 0; 
}
#libraryList li#bullet {
	background: url(/sites/default/files/libraryimages/bullet.jpg); /* <-- change `left` & `top` too for extra control */
	background-repeat:no-repeat;
	background-position:2px 8px;    
	padding: 0px 0px 5px 27px;
	/* reset styles (optional): */
	list-style: none;
	margin: 0; 
}
#libraryList li#noBullet {
	padding: 0px;
	/* reset styles (optional): */
	list-style: none;
	margin: 0; 
}
#libraryList li#proquest {
	background: url(/sites/default/files/libraryimages/proquest-icon.png); /* <-- change `left` & `top` too for extra control */
	background-repeat:no-repeat;
	background-position:2px 2px;
	padding: 0px 0px 5px 27px;
	/* reset styles (optional): */
	list-style: none;
	margin: 0; 
}

h4.library {
  border-bottom: 1px solid black;
}