/*div.easy_social_box {
  height: 28px;
}*/

div.easy_social_box.vertical {
  height: 68px;
}

.easy_social_box div.easy_social-widget {
  margin: 0 4px 0 0;
  padding: 0;
  overflow: hidden;
  float: left;
}

.easy_social_box div.easy_social-widget.last {
  margin-right: 0;
}

.easy_social_box.vertical div.easy_social-widget {
  width: 58px;
  height: 62px;
}

.easy_social_box.vertical div.easy_social-widget.easy_social-widget-googleplus {
  width: 52px;
}

.easy_social_box.vertical div.easy_social-widget.easy_social-widget-facebook {
  width: 50px;
}/*=============================================================
 * This style sheet is divided into the following 3 sections:
 * 1 Fundamentals
 *		1.1 Reset
 *		1.2 Structure
 * 		1.3 Default styles
 * 2 User Overrides
 *		2.1 Widths, margins, and padding
 *		2.2 Vertical menu
 *		2.3 Horizontal slots
 * 3 Skins
 *=============================================================*/

/* @group Fundamentals */

/* Reset
 *------------------------------------------------------------*/
 /* @group Reset */
.megamenu-menu,
.megamenu-menu *,
.megamenu-menu .megamenu-parent,
.megamenu-menu .megamenu-parent-title,
.megamenu-menu .megamenu-bin,
.megamenu-menu .megamenu-slot,
.megamenu-menu .megamenu-slot-title,
.megamenu-menu .megamenu-items {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}

ul.megamenu-menu,
.megamenu-menu ul.megamenu-items {
  list-style: none;
}
/* @end */ 

/* Structure
 *------------------------------------------------------------*/
/* @group Structure */
.megamenu-menu {
  overflow: visible; /* Contain floated elements */
}

.megamenu-menu .megamenu-parent {
  display: inline;
  position: relative;
  z-index: 99;
}

.megamenu-menu .megamenu-parent-title {
  display: inline;
}

.megamenu-menu .megamenu-bin {
  position: absolute;
  left: 0; /* Default horizontal orientation */
  top: -9000px; /* default hidden position */
  z-index: 10000;
  overflow: hidden;
}

/* Bin Alignment
 *--------------------------------------------------------*/
.megamenu-menu .megamenu-bin-right {
  left: auto;
  right: -500px;
}

/* @group Horizontal Links */
.megamenu-menu .megamenu-links-horizontal {
  overflow: hidden;
}

.megamenu-menu .megamenu-links-horizontal li, 
.megamenu-menu .megamenu-links-horizontal li a {
  float: left;
}
/* @end Horizontal Links */

.megamenu-menu .megamenu-menu-vertical .megamenu-parent {
  display: block;
}

/* @end Structure */




/* Default styles
 *--------------------------------------------------------*/
/* @group Default styles */

.megamenu-menu ul a {
  text-decoration: none;
}

.megamenu-menu ul a:hover {
  text-decoration: underline;
}
/* @end */
/* @end Fundamentals */


/* User Overrides
 *
 * This part will have to be dynamically generated in the 
 * customization admin screen.  The user can specify the 
 * proper widths for structural elements according to the 
 * ID of the mega menu.
 *--------------------------------------------------------*/
/* @group Widths, Padding, & Margins */
.megamenu-parent {
  margin: 0.1em 1em; /* Left margin affects fly-out value */
}

.megamenu-menu .megamenu-bin {
  padding: 0.5em;
}

.megamenu-menu .megamenu-slot {
  width: 200px; /* move this to skins or php */
  margin-bottom: 0.5em;
}

/* Vertical Orientation
 *--------------------------------------------------------*/
/* @group Vertical Menu */
.megamenu-menu-vertical {
  width: 8em;
}
.megamenu-menu-vertical .megamenu-parent {
  margin-top: 1em;
}
.megamenu-slots.flyright {
  left: 7em; /* [megamenu-menu-vertical] (width) - [megamenu-parent] (margin) */
  top: 0;
}

.megamenu-slots.flyleft {
  left: -16.2em; /* Calculation of this value did not seem straightforward */
  top: 0;
}
/* @end */


/* Horizontal Orientation
 *--------------------------------------------------------*/
/* @group Horizontal Slots */
/* This value will have to be calculated to account for slot widths + margins */
/* 2009.1009.1437 EFD: this width conflicted with our layout. it made more sense for us to set width on the slots themselves. unsure how the interface should handle this. */
.megamenu-menu .megamenu-slots-columnar {
  overflow: hidden; /* contain floated slots */
}
.megamenu-slots-columnar li.megamenu-slot {
  float: left;
}
/* @end Horizontal Slots */
/* @end Widths*/

/* megamenu-menu end */

/* Compatibility with Admin Menu */
.megamenu-menu {
  z-index: 10;
}
/* Skins
 *
 * Skin styles should be limited to typography, colors, and
 * backgrounds. Except for text elements (i.e. h3, megamenu-title,
 * etc.), widths, margins, and padding of structural blocks are
 * set in the administration area.
 *--------------------------------------------------------*/

/* @group Minimal */
.megamenu-skin-minimal {
  background-color:#bbb;
}

.megamenu-skin-minimal .megamenu-title {
  font-size:100%;
  font-weight:normal;
}

.megamenu-skin-minimal .megamenu-bin {
  background-color:#eee;
  border:2px groove #7e7e7e;
  -moz-border-radius:0.583em;
  -webkit-border-radius:0.583em;
  border-radius:0.583em;
}

.megamenu-skin-minimal .megamenu-slot {
  margin-right: 4px;
  border-bottom:1px solid #bbb;
}

.megamenu-skin-minimal .megamenu-slot-title,
.megamenu-skin-minimal .megamenu-slot-title a {
  background-color:#bbb;
  color:#fff; /* white */
  font-size:100%;
  text-align:center;
  text-transform:uppercase;
}

.megamenu-skin-minimal .megamenu-link {
  font-size:85%;
}
/* @end Minimal*/



/* @group friendly (ucsf theme)*/

/* overrides - begin */
.megamenu-skin-friendly li{
  margin:0px;
  padding:0px;
  line-height:120%;
}
.megamenu-skin-friendly *{
  list-style:none;
}
/* overrides - end */


.megamenu-skin-friendly{
  font-family:verdana,tahoma,arial,helvetica,sans-serif;
  background:#f5bb00; /* pharmacy medium gold */
  padding:0px 0px 5px 10px;
}
.megamenu-skin-friendly a:hover{
  text-decoration:none;
}
.megamenu-skin-friendly .megamenu-parent-title{
  text-transform:lowercase;
}
.megamenu-skin-friendly .megamenu-parent-title{
  font-weight:normal;
  font-size:100%;
  vertical-align:bottom;
}
.megamenu-skin-friendly .megamenu-parent-title a,
.megamenu-skin-friendly .megamenu-parent-title span,
.megamenu-skin-friendly .megamenu-parent-title a:visited{
  font-style:normal;
  color:#000;
  padding:5px;
}
.megamenu-skin-friendly .megamenu-parent-title a,
.megamenu-skin-friendly .megamenu-parent-title span,
.megamenu-skin-friendly .hovering .megamenu-parent-title a:hover{
  -moz-border-radius-topright:8px;
  -webkit-border-top-right-radius:8px;
  -moz-border-radius-topleft:8px;
  -webkit-border-top-left-radius:8px;
}
.megamenu-skin-friendly .megamenu-slot,
.megamenu-skin-friendly .megamenu-slot a:hover{
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
}
.megamenu-skin-friendly li.megamenu-slot{
  /*width:auto;*/
  /*max-width:200px;*/
  width:200px;
  margin:10px 10px auto auto;
  background:#b08700; /* pharmacy dark gold */
  padding-top:10px;
  padding-bottom:10px;
}
.megamenu-skin-friendly li.megamenu-slot:hover{
  background-color:#b08700; /* pharmacy dark gold */
}
.megamenu-skin-friendly .hovering .megamenu-parent-title a,
.megamenu-skin-friendly .hovering .megamenu-parent-title span{
  color:#fff;
  background:#b08700; /* pharmacy dark gold */
}
.megamenu-skin-friendly .hovering .megamenu-parent-title span:hover,
.megamenu-skin-friendly .megamenu-slot-title span{
  cursor:default;
}
.megamenu-skin-friendly .hovering .megamenu-parent-title a:hover{
  color:#fff;
  background:#00325b; /* 540 blue */
}
.megamenu-skin-friendly .megamenu-bin{
  margin-top:5px;
  padding:0px;
  color:#fff;
}
.megamenu-skin-friendly .megamenu-slot-title{
  font-family:"Arial Black",Arial,Helvetica,sans-serif;
  color:#f4ebcb; /* 80% white on pharmacy dark gold */
}
.megamenu-skin-friendly .megamenu-slot-title a:link,
.megamenu-skin-friendly .megamenu-slot-title a:visited{
  color:#f4ebcb; /* 80% white on pharmacy dark gold */
}
.megamenu-skin-friendly .megamenu-slot-title a,
.megamenu-skin-friendly .megamenu-slot-title span,
.megamenu-skin-friendly .megamenu-item a,
.megamenu-skin-friendly .megamenu-item span{
  padding:5px 12px 7px 12px;
  display:block;
}
.megamenu-skin-friendly .megamenu-slot a{
  color:#fff;
}
.megamenu-skin-friendly .megamenu-slot a:hover{
  color:#fff;
  background:#00325b; /* 540 blue */
}
.megamenu-skin-friendly .megamenu-item a,
.megamenu-skin-friendly .megamenu-item span{
  color:#fff;
  font-size:100%;
}
.megamenu-skin-friendly .megamenu-item a:hover{
  color:#fff;
  background:#00325b; /* 540 blue */
}
.megamenu-skin-friendly li.megamenu-slot{
  z-index:3000;
  background:#b08700; /* pharmacy dark gold */
  margin-bottom:1.5em;
  border:0px;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -opera-border-radius:10px;
  -khtml-border-radius:10px;
  -khtml-box-shadow:rgba(0,0,0,.33) 5px 5px 5px;
  -moz-box-shadow:rgba(0,0,0,.33) 5px 5px 5px;
  box-shadow:rgba(0,0,0,.33) 5px 5px 5px;
}
.megamenu-skin-friendly ul a:hover{
  text-decoration:none;
}

.megamenu-skin-friendly .megamenu-slot-title{
  font-size:150%;
  line-height:150%;
  font-weight:bold;
}

/* start - ensure that #megamenu-menu bar is the same height in all browsers
 * very frustrating to get this correct - do not touch!
 *--------------------------------------------------------*/
.megamenu-skin-friendly .megamenu-item a,
.megamenu-skin-friendly .megamenu-item span
{
  font-size:120%;
}
.megamenu-menu,
.megamenu-skin-friendly .megamenu-parent,
.megamenu-skin-friendly .megamenu-parent-title
/* this is the key -- all these must be set to the same value */
{
  font-size:100%;
  line-height:110%;
  height:100%;
}

.megamenu-skin-friendly .megamenu-parent-title a,
.megamenu-skin-friendly .megamenu-parent-title a:link,
.megamenu-skin-friendly .megamenu-parent-title a:visited,
.megamenu-skin-friendly .megamenu-parent-title a:focus,
.megamenu-skin-friendly .megamenu-parent-title a:hover,
.megamenu-skin-friendly .megamenu-parent-title a:active,
.megamenu-skin-friendly .megamenu-parent-title span
{
  padding:4px 8px;
}
/* end - ensure that #megamenu-menu bar is the same height in all browsers
 *--------------------------------------------------------*/
.megamenu-skin-friendly .megamenu-parent-title a:hover {
  text-decoration:none;
  color:#fff;
  background:#00325b; /* 540 blue coated */
}
/* @end Friendly */
.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#333;color:#fff;-webkit-box-shadow:inset 0 0 5px 5px #222;-moz-box-shadow:inset 0 0 5px 5px #222;box-shadow:inset 0 0 5px 5px #222}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#fff;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);background-image:-o-linear-gradient(#4d4d4d,#1a1a1a);background-image:linear-gradient(#4d4d4d,#1a1a1a);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(255,255,255,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)}