/* Javascript Accordian CSS */

h3.acc_trigger, h3.acc_trigger_narrow {
	color:#00245D;		/*  Color changes per site    */
	font:bold 12px Arial, Helvetica, sans-serif;
	margin:0;
	width:100%;
	padding: 0;	margin:0;
	font-weight: normal;
}

h3.divider-gray {
	border-bottom:1px solid #ccc;
}

h3.acc_trigger_narrow {
	width:450px;
}

h3.acc_trigger a, h3.acc_trigger_narrow a {
	font-family:Univers;
	font-size:15px;
	margin: 5px 0 2px 0;
	background:url("/Style Library/Images/UCSD/health-master-sprite.png") -990px -389px no-repeat;
    background: url(/images/leftnavsprite.png) no-repeat;
    background-position: 7px 10px;
	text-decoration: none;
	display: block;
	padding: 5px 10px 5px 13px;
	position: relative;
}
h3.acc_trigger.active A , h3.acc_trigger_narrow.active A {
	background-position:url("/Style Library/Images/UCSD/health-master-sprite.png") -990px -540px;
	background: url(/images/leftnavsprite.png) no-repeat;
    background-position: 7px -165px;
}

h3.acc_trigger a.link-14px {
	font:bold 14px Arial, Helvetica, sans-serif;
	background:none;
	padding: 0px;
}

h3.acc_trigger a:hover, h3.acc_trigger_narrow a:hover {
	text-decoration: underline;
}

.acc_container, .acc_container_narrow {
	margin:0; padding: 0;
	overflow: hidden;
	width: 100%;
}

.acc_container_narrow {
	width:450px;
}

.acc_container .block, .acc_container_narrow .block {
	padding: 5px 10px;
}

.callOut2Col h3.acc_trigger, .callOut3Col h3.acc_trigger {
    border-bottom:none;
}

.callOut2Col .acc_container, .callOut3Col .acc_container, .callOut .acc_container {
	background: #fff;
}


@media only screen and (min-width: 0px) and (max-width: 679px) {

	h3.acc_trigger_narrow, .acc_container_narrow {
		width:100%;
	}

}

h3.acc_trigger a:before {
    content: '\002B';
    font-size: 13px;
    position:  absolute;
    left: 0;
}

h3.acc_trigger.active A:before, h3.acc_trigger_narrow.active A:before {
    content: "\2212";
}

h3.acc_trigger a, h3.acc_trigger_narrow a,
h3.acc_trigger.active A , h3.acc_trigger_narrow.active A {
	position: relative;
	background: none !important;
	padding: 5px 10px 5px 13px !important;

}

/* overriding styles from accordion.css in assets */
h3.boxed-gray {
	/* background-color: #F2F3F3 !important;*/
	background-color: #f7f7f7 !important;
	padding: 0 15px !important;
}

h3.acc_trigger.boxed-gray a {
	text-decoration: none !important;
}

.acc_container {
	background-color: #F2F3F3 !important;
}

/* h3.active a { background-position: left bottom;} */

/* HTML Code For Accordion */

/*

<h3 class="acc_trigger"><a href="#">Heading</a></h3>
<div class="acc_container">
<div class="block">
Content Goes Here
</div>
</div>

*/