/* 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{
	
}
.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 */
	/*background-color:#0D8185;*/
}
.megamenu-skin-friendly .hovering .megamenu-parent-title a,
.megamenu-skin-friendly .hovering .megamenu-parent-title span{
	color:#fff;
	/*background:#b08700;  pharmacy dark gold */
	background:#0D8185;
}
.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; /* white */
	/*background:#00325b;  540 blue */
}
.megamenu-skin-friendly .megamenu-bin{
	/*margin-top:5px;*/
	padding:0px;
	color:#fff;
	/*position:relative;*/
	background:none repeat scroll 0 0 #0D8185;
}

li.megamenu-parent:hover ul{
	top:64px !important;
	/*background:#0D8185;*/
	/*width:565px !important;*/
}

/*li.megamenu-parent:hover li.first{
	padding-left:25px;
}
*/
.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 */
	color:#FFF;
}
.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;
	border:none;
}
.megamenu-skin-friendly .megamenu-slot a{
	color:#fff; /* white */
}
.megamenu-skin-friendly .megamenu-slot a:hover{
	color:#fff; /* white */
	/*background:#00325b;  540 blue */
}
.megamenu-skin-friendly .megamenu-item a,
.megamenu-skin-friendly .megamenu-item span{
	color:#fff; /* white */
	font-size:100%;
}
.megamenu-skin-friendly .megamenu-item a:hover{
	color:#fff; /* white */
	/*background:#00325b;  540 blue */
}
.megamenu-skin-friendly li.megamenu-slot{
	z-index:3000;
	/*background:#0D8185;  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-slots-columnar li.megamenu-slot{
	padding: 0 18px 11px 20px;
	float: left;
}

.megamenu-slots-columnar li.megamenu-slot-0{
	border-right:2px solid #003038;
}

.megamenu-slots-columnar li.megamenu-slot-0 a{
	/*font-size:20px;
	padding:2px 0;*/
}

ul.megamenu-slots-columnar > li a {
	padding-left:10px;
}
/*#megaMenu.megaMenuHorizontal ul.megaMenu > li:first-child > a{
	
}*/


.megamenu-items li.megamenu-item a{
	font-size:13px;
}

.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%;
	text-align:center;
}

.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; /* white */
	/*background:#00325b;  540 blue coated */
}
/* @end Friendly */