﻿

/* 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;
	text-decoration: none;
	display: block;
	padding: 5px 10px 5px 13px;
}
h3.acc_trigger.active A , h3.acc_trigger_narrow.active A {

	background-position:url("/Style Library/Images/UCSD/health-master-sprite.png") -990px -540px; 
}

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.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>

*/